javascript - AngularJS 表达式检查列表中的子属性

Question

如何编写一个 Angular 表达式来检查列表中的每个子项并在任何子项具有特定属性值时返回 true？

我有一个由 ng-repeat 表达式生成的图表图例。现在我只想在列表中的任何子项的属性“datavisible”设置为 true 时显示包装元素。

目前，如果任何数据系列被激活，我有一个 $scope 变量“anydatavisible”被设置为 true，所以我可以在表达式中使用它。

<div class="chart-legend" ng-show="anydatavisible">
    <div ng-repeat="item in model.Accounts track by item.Id" ng-if="item.datavisible">
        {{item.Name}}
    </div>
</div>

我想知道通过使用检查每个子项的表达式可以获得相同的结果，因此我不需要变量“$scope.anydatavisible”。

我正在寻找这样的东西:

<div class="chart-legend" ng-show="any(model.Accounts).datavisible">
    <div ng-repeat="item in model.Accounts track by item.Id" ng-if="item.datavisible">
        {{item.Name}}
    </div>
</div>

Answer 1

试试这个:

<div class="chart-legend" ng-show="(model.Accounts | filter:{datavisible:true}).length > 0">