javascript - 如何在 Angular Chosen 中设置默认选择值？

Question

我有一个 select 标签，我正在向其应用 Angular 选择。

这是我的select标签

<select name="rname" id="rname" ng-model="rname" ng-init="rname='CustomReport'" 
   ng-options="key as value for (key , value) in reportsValuesOptions track by key" chosen>
        <option value="">---Select---</option>
</select>

上面的select标签正在从下面的对象中填充

$scope.reportsValuesOptions = {'Cash Position Report':'Cash Position Report','Detail Report':'Detail Report','Reconciliation Report':'Reconciliation Report','Summary Report':'Summary Report','Sweep Report':'Sweep Report','FCCS/FBPS Detail Report':'FCCS/FBPS Detail Report','CustomReport':'Custom Report Name'};

该对象是 select 标记的一对值和选项，其中 key 是 options 标记值， >value 是选项标记文本

现在我想将select标记的默认值设置为'CustomReport'作为其选项值和'Custom使用 ng-init 将报告名称' 作为上述对象的选项文本。

我尝试执行 ng-init="rname='CustomReport'"，但它不起作用

如何根据对象的键值对设置其值？

<强> FULL EXAMPLE

Answer 1

您的解决方案的问题是，由于您提供了一个对象，而 AngularJS 主要是为数组设计的，因此导致 AngularJS 无法正确跟踪它们。您可能想为 reportsValueOptions 编写一个较短的对象，但它应该是一个对象数组，其形式类似于以下内容:

[
  {label: 'First Label', value:'first-option'},
  {label: 'Second Label', value:'second-option'}
]

这是您的 jsfiddle 的修改版本修改后的对象还显示选择了哪一个。

您还可以在此处了解有关对象问题的更多信息:https://docs.angularjs.org/api/ng/directive/ngOptions#complex-models-objects-or-collections-