大佬教程收集整理的这篇文章主要介绍了angularjs – Angular.js:在ng-repeat中使用ng-model进行下拉,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想显示文本,绑定到下拉列表中的当前选择,但我还想跟踪当然选择哪个Id.因此,我不确定如何使用SELEct绑定更新这两个属性,或者通过显式使用标记,或者使用我还没有想到的ng-options.
所以有两个问题:
1)如何将选择列表中的文本和值正确绑定到CargoItem.LoadPoint上的Id和Text属性?我有一种感觉我的模型可能是错的?
2)如何使用Ng-options默认为所选值?我想出了我自己的选项标签,但我想尽可能使用Ng-options.
<div ng-repeat="cargoItem in cargo.CargoItems"> <span>SELEcted Load Point: {{Cargo.LoadPoint.Text}}</span> <SELEct ng-model="cargoItem.LoadPoint" ng-options="loadPoint.Id as loadPoint.Text for loadPoint in LoadPoints"></SELEct> </div>
提前致谢!
<SELEct ng-model="cargoItem.LoadPoint" ng-options="loadPoint.Text for loadPoint in LoadPoints"></SELEct>
>如果您使用上述方法并正确引用LoadPoints对象,Angular将自动为您执行此操作.以下是有关如何使用直接LoadPoints对象引用的示例:
$scope.LoadPoints = [{ Id: '1',Text: 'loadPointA' },{ Id: '2',Text: 'loadPointB' }]; $scope.cargo = { CargoItems: [{ LoadPoint: $scope.LoadPoints[0] },{ LoadPoint: $scope.LoadPoints[1] }] };
使用这种方法,cargoItem.LoadPoint(ngModel)将始终保持对整个LoadPoints对象的引用(即{Id:’1′,Text:’loadPointA’}),而不仅仅是其Id(即’1′).
以上是大佬教程为你收集整理的angularjs – Angular.js:在ng-repeat中使用ng-model进行下拉全部内容,希望文章能够帮你解决angularjs – Angular.js:在ng-repeat中使用ng-model进行下拉所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。