如何在首次加载时选择AngularJS模型?

时间:2013-04-04 17:07:55

标签: javascript angularjs angularjs-scope

我正在使用AngularJS来填充选择选项列表。

我默认选择一个选项,具体取决于字段isMandatory。 但问题是我第一次加载时无法获得所选项目的ID。

当我更改选项时,它会起作用。

请检查此plunker代码:http://plnkr.co/edit/U2dVeo1vwZZPFKVhPleV?p=preview

1 个答案:

答案 0 :(得分:1)

我建议使用ng-options:

<select ng-model="selectedItem" ng-options="item.id as item.text for item in list">

以及设置初始选定项目的功能:

angular.forEach($scope.list, function(item, key){
  if(item.isMandatory) {
    $scope.selectedItem = item.id;
  }
});

Plunker