小编Sou*_*ten的帖子

Angular.js:使用ng-model进行ng-repeat中的下拉列表

我很难理解如何在ng-repeat中使用ng-model.在此上下文中,CargoItems是一个包含LoadPoint的对象列表.LoadPoint具有Id和Text属性.

我想显示文本,绑定到下拉列表中的当前选择,但我还想跟踪当然选择哪个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>
Run Code Online (Sandbox Code Playgroud)

提前致谢!

angularjs ng-repeat

7
推荐指数
1
解决办法
3万
查看次数

标签 统计

angularjs ×1

ng-repeat ×1