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

如果你有Arrays填充对象，不要认为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是一个对象。

Answer 3

您的加分应如下所示。

<强> HTML

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

预先选择angularJs中选择框中的项目？

3 个答案: