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

Question

我有一个select标签，我正在应用角度选择。

这是我的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 tags value ， value是option tag text

现在我想使用ng-init将select标签的默认值设置为'CustomReport'作为其option value ，将'Custom Report Name'为上述对象的option text 。

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

如何从对象的键值对设置其值？

完整的例子

Answer 1

您可以像这样简单地使用ng-init

<select ng-init="somethingHere = options[0]" 
        ng-model="somethingHere" 
        ng-options="option.name for option in options">
</select>

Answer 2

您的解决方案的问题是因为您提供了一个对象而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-