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

Question

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

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

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

我的代码在下面，但您会看到我将它绑定到传递 GUID 值的 ng-model="asCtrl.accSelected"。我的假设是，当请求预定义的 GUID 时，我可以将 vm.accSelected 设置为等于 GUID 值，并且由于 2 路绑定应该在选择列表上显示选择，但这似乎并非如此。

<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 设置的值

Answer 1

在页面加载时手动调用 asCtrl.retrieveAccount(asCtrl.accSelected) 函数。如果我没记错的话，ng-change 只会在值被输入改变时触发。