javascript - 从 ng-repeat 数组中过滤掉具有空属性的对象

Question

我在范围内有这个数组:

$scope.randomArray = [
      {
        prop1: 'val1',
        prop2: {
          value: '3',
          unit: 'l'
        }
      },
      {
        prop1: 'val2'
      },
      {
        prop1: 'val3',
        prop2: {
          value: '10',
          unit: 'l'
        }
      }
    ];

尝试仅对具有 prop2 属性集的对象进行 ng-repeat。如果没有必要，我不会为此创建单独的过滤器或范围函数，所以我尝试了描述 here 的解决方案。和 here :

<div ng-repeat="random in randomArray | filter : { prop2 : '!!'}">
  {{random}}
  </div>

但它不起作用。

这是 mcve:https://codepen.io/neptune01/pen/eWRBKd

Answer 1

我想出的一个解决方案是这个。对 random.prop2 使用 ng-if。这适用于 prop2 不为空/未定义。这是你的情况。对于任何其他过滤，您可以使用其他方法

<div ng-app="app">
<div ng-controller="appCtrl">

  <div ng-repeat="random in randomArray" ng-if="random.prop2">
  {{random}}
  </div>

  </div>
</div>