对象中嵌套数组上的角度ng重复过滤器

Angular ng-repeat filter on nested array in object

本文关键字：ng 过滤器 嵌套 数组 对象      更新时间：2023-09-26

我正在尝试基于嵌套数组在我的ng-repeat中播放过滤器。用于 ng 重复的对象：

更新

master_array：

   {
  "0": {
    "Employee_Id": "hni",
    "comptencies": [
      {
        "Title": "Bunker Knowledge",
        "Level": 1
      },
      {
        "Title": "Bunker Knowledge",
        "Level": 3
      },
      {
        "Title": "IT Compliance",
        "Level": 2
      },
      {
        "Title": "Bunker Knowledge",
        "Level": 5
      }
    ],
  }
}

.JS：

$scope.myFilter = {
    competencyTitle : ""
}

.HTML：

<label>Competencies
<select ng-model="myFilter.competencyTitle" ng-options="item.Title for item in competencies_list"></select>
</label>

<tr ng-repeat="item in master_array | filter: { competencies: [{ Competency.Title: myFilter.competencyTitle }] }">

以上是行不通的。

箱

我有一个员工名单，每个员工都有一个 ID 和一系列能力。此数组中的每个项目都附加了一个兼容性数组，该数组保存标题和能力的 ID。我想要的是能够过滤掉具有特定能力的员工。

有什么建议吗？

我找到了解决方案。您可能需要根据特定代码对其进行调整：

主要思想是这样的：filter： { $： {Title： myFilter.competencencyTitle.Title} }

$ 选择其子元素为标题的任何元素。

.html

<label>Competencies {{myFilter.competencyTitle.Title}}
    <select ng-model="myFilter.competencyTitle" ng-options="item.Title for item in competencies_list"></select>
</label>

<p ng-repeat="item in master_array | filter: {  $: {Title: myFilter.competencyTitle.Title}  }">{{item.employee_id}} {{item.competencies}}    </p>

js - 这是使用的模型，我不确定这是否反映了您的实际模型。

$scope.competencies_list = [{Title : "Math"},{Title : "English"},{Title : "Spanish"}];
$scope.master_array = 
[
    {         
        employee_id: "hni",         
        competencies:
            [
                {Title : "Math", "Level": 1},
                {Title : "English", "Level": 2}           
            ]
    }, 
    {
        employee_id: "xyz",         
        competencies:
            [
                {Title : "Spanish", "Level": 3},
                {Title : "English", "Level": 5}           
            ]
    }
];
$scope.myFilter = {
    competencyTitle : ""
};
相关文章：