AngularJS根据预定义的值更改SELECT列表中的选定OPTION

时间:2016-02-11 11:47:57

标签: angularjs

我有一个通过ng-repeater呈现的选择列表,在更改时它会将所选选项的值激发到一个按预期工作的函数中。

我现在遇到的问题是,如果页面加载了特定选项,请求我如何确保突出显示选择选项。

我有它所以作为选择值的GUID会自动触发到函数以获取所选项目的页面数据,以便解决选择列表中所选项目的问题。向用户显示与该选择相关的信息。

我的代码如下,但你会看到我将它绑定到ng-model =" asCtrl.accSelected"它传递了GUID值。我的假设是,当请求预定义的GUID时,我可以将vm.accSelected设置为等于GUID值,并且应该由于双向绑定显示选择列表上的选择,但这似乎不是情况下。

<div data-ng-controller="tpAccStatusCtrl as asCtrl">
  <select class="form-control" ng-model="asCtrl.accSelected" ng-change="asCtrl.retrieveAccount(asCtrl.accSelected)">
   <option value="select" selected="selected">Select an Account</option>
   <option ng-repeat="acc in asCtrl.accounts" value="{{acc.UniqueIdentifier}}">{{acc.AccountName}}</option>
  </select>
</div>

我希望上述内容有意义,有人可以告诉我如何确保选择列表反映为vm.accSelected设置的值

1 个答案:

答案 0 :(得分:0)

在页面加载时手动调用asCtrl.retrieveAccount(asCtrl.accSelected)函数。如果我没有弄错,那么只有在输入改变了值时才会触发Ng-change。