使用Angularjs在选择列表中设置活动项

时间:2017-12-21 21:29:53

标签: javascript arrays angularjs angularjs-scope

我有这个清单:

enter image description here

来自:

 <select multiple size=11 ng-model="AvailableColumns" ng-show="NamesAvailable" ng-options="item for item in names">
                                    </select>

阵列:

$scope.names = ["Device Name", "Description", "Device ID", "Update Required", "Open Time", "Open Time Ada", "Opening Mode", "Timed Period Stable Id", "Automatic Change Stable Id", "Keypad Code", "Battery Status", "Last Updated"];

我想知道如何在代码中选择特定项目?例如,如果我想选择开放时间&#39;我怎么能用AngularJS做到这一点?

1 个答案:

答案 0 :(得分:1)

您有多个选择。因此,默认值应该是数组,而不是单个值。

你可以这样做:

$scope.AvailableColumns = ['Open Time Ada'];

或者,您可以使用数组位置(如果您将选项更改为对象与简单字符串数组,则需要使用该数组位置:

$scope.AvailableColumns = [$scope.names[5]];

所有这一切,您可以指定默认选择的多个项目。