javascript - 如何以 Angular 过滤嵌套对象的结果

Question

我的 Angular 中有嵌套的对象，如下所示

{
"name": "John"
"age" : "23"
subjects: [

{
"description":"Math"
"length":"1 month"
},
{
"description":"English"
"length":"1 month"
}


]



}

IN Angular 过滤器可以很好地处理姓名、年龄，但我如何找到那些主题描述包含数学的学生

Answer 1

filters 上的文档页面有一个有趣的例子。

其中，搜索框的 ng-model 设置为 search.$ 而不是 search。这似乎是匹配的通配符。

这是一个jsFiddle为你。在搜索框中输入任何内容，它就会找到匹配的学生。

<input id="txtSearch" type="text" ng-model="search.$" />
<ol>
    <li ng-repeat="student in myData | filter:search">
        {{student.name}}
        {{student.subjects}}
    </li>
</ol>

数据模型如下所示:

$scope.myData = [{
    "name": "Student 1",
        "age": "20",
    subjects: [{
        "description": "Math",
            "length": "1 month"
    }, {
        "description": "English",
            "length": "1 month"
    }]
}, {
    "name": "Student 2",
        "age": "22",
    subjects: [{
        "description": "Economics",
            "length": "1 month"
    }, {
        "description": "English",
            "length": "3 months"
    }]
}, {
    "name": "Student 3",
        "age": "23",
    subjects: [{
        "description": "Math",
            "length": "4 months"
    }, {
        "description": "English",
            "length": "6 months"
    }]
}];