如何为Angularjs中的多选选项分配默认值答案

【问题标题】：How to assign default Values to Multiple select option in Angularjs如何为Angularjs中的多选选项分配默认值
【发布时间】：2017-05-24 06:45:11
【问题描述】：

我创建了多个选择选项下拉菜单。现在我想将默认选定值分配给多个选择选项。我已经创建了代码，它工作正常，但是选项值存在问题。我希望 id 作为选项中的一个值。 javascript:-

 $scope.availableOptions = [{"client_id":"62024","client_name":"Advantage Land Co"},{"client_id":"59194","client_name":"Alpha - Brookings, SD"},{"client_id":"62413","client_name":"B and B Auto"},];
 $scope.simpli_client = {};
 $scope.simpli_client =["62024", "62413"];

和php代码：-

<select id="multiSelect" class="ng-pristine ng-valid form-control" multiselect="" multiple="" ng-model="simpli_client" ng-options="option.client_id as option.client_name for option in availableOptions"></select>

一切正常。显示所有选择的默认值，但我需要在选项值中使用 client_id。像这样：-

<select id="multiSelect" class="ng-pristine ng-valid form-control" multiselect="" multiple="" ng-model="simpli_client" ng-options="option.client_id as option.client_name for option in availableOptions"><option value="62024" selected="selected">Advantage Land Co</option><option value="59194">Alpha - Brookings, SD</option><option value="62413" selected="selected">B and B Auto</option></select>

我需要选项字段中的值 (value="62024")。

【问题讨论】：

ng-options 创建 <option> 值和标签。为什么要显式指定<option>标签？

标签： javascript angularjs

【解决方案1】：

这是一个有效的小提琴：https://jsfiddle.net/xhph7qny/1/

您可以使用 angular ng-options 提供的 track by。

HTML

<select id="multiSelect" class="ng-pristine ng-valid form-control" multiselect="" multiple="" ng-model="simpli_client" ng-options="option.client_id as option.client_name for option in availableOptions track by option.client_id"></select>

$scope.simpli_client =[{"client_id":"62024","client_name":"Advantage Land Co"},{"client_id":"59194","client_name":"Alpha - Brookings, SD"}];

});

唯一的变化是 JS 是 ng-model 应该包含整个对象，而不仅仅是客户端 ID。

【讨论】：