javascript - 使用 Angular 中的对象在选择下拉列表中设置默认值

Question

我需要一些帮助。我无法将 $scope.headline.category 创建到对象中，它必须保留为字符串。 groupList 必须是一个对象列表。如何将下拉列表的初始值设置为第 2 项(1 个索引)？我可以通过 Controller 设置它，但我有很多项目，似乎应该有更简单的方法......也许使用 ng-init？感谢您的帮助。

我试过但没有用的:

ng-init="headline.category = group.label"

我尝试过的方法确实有效，但我觉得有更简单的方法吗？

  for (var a = 0; a < $scope.headlineList.length; a++) {
    for (var b = 0; b < $scope.groupList.length; b++) {
        if ($scope.headlineList[a].category == $scope.groupList[b].label) {
            $scope.headlineList[a].category = $scope.groupList[b];
        }
    }
}

Angular

$scope.headline.category = "B";
$scope.groupList = [ {label: "A"}, {label: "B"}, {label: "C"} ];

HTML

<select ng-model="headline.category" ng-options="group.label for group in groupList"></select>

Answer 1

我认为您只需要在 Controller 中包含以下内容:

app.controller('MyCtrl',function($scope){
      $scope.headline = { category: "B" }
      $scope.groupList = [ {label: "A"}, {label: "B"}, {label: "C"} ];
  });

并且选择更改为:

<select ng-model="headline.category" ng-options="group.label as group.label for group in groupList"></select>

关键的变化是将标题设置为 { category: "B"} 的对象(我猜是从某种 ajax 调用中设置的)和 group.label作为选项的开头，以指示类别对象的值应用于模型。

Plunk example