在 angularJs select 框中预先 select 一个项目？

Question

我想在我的选择框中预先选择一个项目，如何在 angularjs 中实现我的代码如下

<select  ng-model="selectedClient"  ng-init="client.id == 117" ng-options="client.name for client in 
                         clients" class="form-control"></select>

我想将项目 117 设为预选，但它不起作用。

Answer 1

您将所选项目分配给模型对象selectedClient

$scope.selectedClient = $scope.clients[1]

演示：Fiddle

Answer 2

您的标记应如下所示。

HTML

<select  ng-model="selectedClient" ng-options="client.id as client.name for client in clients" 
class="form-control" ng-init="selectedClient = 117"></select>

Answer 3

如果您使用数组填充对象，请不要将 AngularJS 模型视为唯一的值或 ID。在这种情况下，您必须将其作为对象来处理。

如果你有这样的数组：

var clients = [{
    id: 1,
    name: "Client 1",
    active: false
}, {
    id: 2,
    name: "Client 2",
    active: false
}, {
    id: 3,
    name: "Client 3",
    active: false
}];

您可以像下面这样预选其中之一：

$scope.selectedClient = clients[0];

请记住，selectedClient 是一个对象。

在 angularJs select 框中预先 select 一个项目？

Pre select an item in select box in angularJs?

javascript

select

angularjs