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

Question

我想使用 angularjs 在下拉列表中选择特定项目我使用了此代码，但它不起作用

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

在控制器.js 中

$scope.primaryObjectId = "3";

但是选择列表中的第一项我想从列表中选择第三项

Answer 1

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

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

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

见example

请参阅this example 以根据选项项目的值获取项目。

根据 id 设置下拉项。见example