javascript - 如何使用 ng-repeat 显示带有条件的 json 数组？

Question

嗨，我有一个像这样的 json 数组

var homes = [
    {

        "city": "Dallas",
        "state": "TX",
        "zip": "75201",
        "NoteNumber": "162500"
    }, {

        "city": "Bevery Hills",
        "state": "CA",
        "zip": "90210",
        "NoteNumber": "319250"
    }, {

        "city": "New York",
        "state": "NY",
        "zip": "00010",
        "NoteNumber": "null"
    }
];

我使用 ng-repeat 在 div 中显示它们

<div ng-repeat="name in homes">
{{name.city}}
</div>

我有 html select 标签，其中包含选项 notenumber 和 null

帮助我如何在选择 notenumber 时显示仅具有 notenumber 的城市，并且在选择 null 时应仅显示 null notenumber 城市。

Answer 1

通过绑定(bind)到您的 SELECT 的另一个作用域变量过滤您的数组

<select ng-model="selectedNoteNumber">YOUR OPTIONS HERE</select>

<div ng-repeat="name in homes | filter: { 'NoteNumber': selectedNoteNumber }">
    {{name.city}}
</div>