javascript - 当数组中存在具有特定值的键时如何使用 ng-show ？

Question

假设我有以下数组:

(这是编造的，因为我为一位客户工作，我无法在此处发布其数据)

collections: {
    browsers: [
        {
            label: 'Chrome',
            visitors: 50,
            bounces: 23
        },
        {
            label: 'FireFox',
            visitors: 30,
            bounces: 15
        },
        {
            label: 'Internet Explorer',
            visitors: 60,
            bounces: 33
        },
        {
            label: 'Opera',
            visitors: 4,
            bounces: 2
        },
    ]
}

如果我想在我的模板中显示 Chrome 的数据，目前它是可用的，我通常会使用如下内容:

<div ng-show="collections.browser.chrome">content</div>

但由于它是一个数组，因此这是行不通的。

<小时/>

有没有办法使用 ng-show与当前对象？

Answer 1

你可以这样做:

<div ng-repeat="browser in collections.browsers">
  <div ng-show="browser.label == currentBrowser">content</div>
</div>

此 HTML 将基于 Controller 上的这些值:

$scope.collections = //Your JSON Here
$scope.currentBrowser = 'chrome'; //Or whatever you want