javascript - 在 angularJS 中使用 group by 时遇到问题

Question

所以我有这个选择窗口，我想按 2 个对象数组分组。我有子类别和根类别对象。子类别有一个关系 ID，用于链接到根类别的 ID。我想要的是下拉窗口按根类别名称对子类别进行分组。截至目前，我只根据不同的关系 ID 对其进行了分组。根本不使用 rootcategory。有什么建议吗？

来自 html 页面；

<div ng-controller="categoryController">
    <select ng-model="$parent.subCategoryObject" data-ng-options="subCategories.subCategory group by subCategories.relation for subCategories in subCategories">
        <option value="">Velg en kategori</option>
    </select>
</div>

来自 controller.js

wikiControllers.controller('categoryController', ['$scope', 'categoryService',
function($scope, categoryService){
  categoryService.getCategories().then(function(data){
    $scope.rootCategories = data[0];
    $scope.subCategories = data[1];
    $scope.titles = data[2];
    console.log($scope.titles);
  });

}]);

Answer 1

您可以向 $scope 添加一个函数，通过 id 检索根类别的名称，然后在分组依据中使用该函数。

例如:

$scope.getRootCategoryName = function (id) {      
  return $scope.rootCategories.filter(function (category) {
    return category.Id === id;
  })[0].Name;
};

和:

data-ng-options="subCategories.subCategory group by getRootCategoryName(subCategories.relation) for subCategories in subCategories"

演示:http://plnkr.co/edit/rors7R55Z5fLE8DY0ja1?p=preview