Question

如何使用ng-repeat在角度js中获取所选选项的对象？示例fiddle is here我自己将下拉列表填充为

<select ng-model="id" ng-init="id = '-1'" ng-change="select(option)">
    <option value="-1">--Select--</option>
    <option ng-repeat="option in list" value="{{option.id}}">{{option.name}}</option>
  </select>

如果有人选择id = 1的选项，我想在{id:1, name:'A'变量中获取对象$scope。

编辑：我自己尝试使用ng-options，但根据之前的下拉选项，根据需要不进行过滤。 sample fiddle

Answer 1

在ng-value = {{option}}中使用选项对象，只要你选择一个选项，你的scope.id就会拥有所需的对象。基本上，ur-model会填充选定的值。

Answer 2

您只需将此选项更改为此

即可

<option ng-repeat="option in list" value="{{'Id : ' + option.id + ' Name : '  + option.name }}">{{option.name}}</option>

希望这对您有用，并且您正在寻找相同的结果

Answer 3

你有两个选项来获取对象。

选项1 ：

您可以使用Filter获取对象

<select ng-model="id" ng-init="id = '-1'" ng-change="select((list|filter:{id:id}))">
    <option value="-1">--Select--</option>
    <option ng-repeat="option in list" value="{{option.id}}">{{option.name}}</option>
 </select>

更新了fiddler here

选项2 ：

将您的值设置为Object（选项）

<select ng-model="id" ng-init="id = '-1'" ng-change="select(option)">
    <option value="-1">--Select--</option>
    <option ng-repeat="option in list" value="{{option}}">{{option.name}}</option>
  </select>

angularjs ng-repeat选择的选项

3 个答案: