javascript - 找到 json 数组的特定部分，然后深入 Angular

Question

对这个措辞不当的问题表示歉意，我正在努力解决这个问题的逻辑。

我有以下 JSON 数组:

{

    "status": {
        "available": [
            { 
                "title": "Currently available for contracts" ,
                "dateAvailable": null,
                "company": null
            }
        ],
        "on-assignment": [
            { 
                "title": "Currently Unavailable" ,
                "dateAvailable": "2015-03-25",
                "company": "BBQ Digital"
            }
        ],
        "on-holiday": [
            { 
                "title": "Currently on holiday" ,
                "dateAvailable": null,
                "company": null
            }
        ]
    }
}

与以下 Controller 配合使用:

.controller('statusCtrl', function($scope, $http) {
        $scope.astatus = [];
        $http.get('app/model/status.json')
            .success( function(response) {
                $scope.astatus = response;
            })
            .error( function(err) {
                alert(err);
            });
    })

使用 AngularJS (v1.3.14) 我想检查一个变量以查看我是否“有空”、“正在分配”或“正在度假”并显示“标题”、“可用日期”和“公司” ' 正确状态部分的属性。以与此类似的方式(请原谅伪代码):

    <div class="cta">
        // display the correct title
        {{ status.[next level].title }}
        if (on-assignment) {
            <span>Currently working for:</span>
            {{ status.[next level].company}}
            <span>I will be available on:</span>
            {{ status.[next level].dateAvailable}}
        }
        <a href="#contact" class="button">Get in touch</a>
    </div>

我在模板中包含了伪代码，以使我想要的内容更加清晰，但是如果可能的话，我希望将此逻辑放在 Controller 中。

我是一名优秀的 JavaScript/jQuery 开发人员，但是我对 JSON 的经验仅限于简单得多的东西，而且我是 AngularJS 的初学者，因此请在您的答案中牢记这一点。

注意:正如我正在努力学习的那样，解释您的答案将会非常有帮助。

Answer 1

您可以使用Angular JS filter在这里。

{{ filter_expression | yourArray : {status: 'on-assignment'} : true}}

这应该只返回“分配时”的内容。