检查ng-repeat上的所有项目

时间:2017-02-28 23:08:11

标签: angularjs angularjs-ng-repeat

如果第一个prematchGame有1个和2个值,之后添加标题,但在这种情况下我有一些问题,,,第一个元素没有' t 1和2值,但是第3个和第4个有它。 (见图)

我如何检查,如果1个元素在ng-repeat中有1个和2个值,则添加标题。

我的代码 (抱歉英语不好)

 <ul>
   <li ng-show="groupGames[0].firstMarket.events.P1" title="1">1</li>
   <li ng-show="groupGames[0].firstMarket.events.P2" title="2">2</li>
 <ul>

 <div ng-repeat="prematchGame in groupGames track by prematchGame.id"> 
   ...
 </div>

enter image description here

1 个答案:

答案 0 :(得分:1)

定义一个过滤目标项的函数。

$scope.hasItemWithProperty = function (key) {
    return $scope.groupGames.some(prematchGame => {
        return prematchGame.firstMarket.events.hasOwnProperty(key);
    });
}

像这样使用模板中的函数

<ul>
  <li ng-show="hasItemWithProperty('P1')" title="1">1</li>
  <li ng-show="hasItemWithProperty('P2')" title="2">2</li>
<ul>

这是以上的plunker