选择angularjs中下拉列表中的特定项目

时间:2015-08-11 09:30:44

标签: javascript asp.net angularjs

我想在下拉列表中使用angularjs选择特定项目我使用此代码但它无法正常工作

   <select class="form-control" ng-model="primaryObjectId" ng-change="getPrimaryObjectColumns()">
                <option value="{{object.id}}" ng-repeat="object in objectList">{{object.name}}</option>
            </select>

在controller.js

$scope.primaryObjectId = "3";

但是正在选择列表中的第一项我想从列表中选择第3项

1 个答案:

答案 0 :(得分:2)

您需要将ng-optionsng-model一起使用。

在许多情况下,可以在元素上使用ngRepeat而不是ngOptions来实现类似的结果。但是,ngOptions提供了一些好处,例如通过不为每个重复实例创建新范围来减少内存和提高速度,以及通过select作为理解表达式的一部分为如何分配模型提供更大的灵活性

 <select ng-options="items for items in objectList" ng-model="primaryObjectId"></select>

请参阅example

请参阅this example根据选项的值获取商品。

根据ID设置下拉项。见example