javascript - 在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>

在 controller.js 中

$scope.primaryObjectId = "3";

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

Answer 1

您需要使用 ng-options与 ng-model .

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

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

参见 example

参见 this example根据选项项的值获取项。

根据id设置下拉项。参见 example