ng-repeat（key、value）で値でフィルタリングする方法はありますか？値がnullでない場合のみ表示する方法はありますか？

Question

私は複数のプロパティを持つオブジェクトを持っており、空のプロパティを除外したいと思います。ほとんどのプロパティは必須ではなく、nullでもかまいません。私はそれのためのフィルタを作る方法を理解できません。

<div class="hero-unit" ng-repeat="(key, value) in selectedItem | valueNotNull"> 
          <span class="hero-title">{{key|insertSpaces}} : </span>  
          <span class="hero-content">{{ value }}</span> 

プロパティの値は、私はその特定のプロパティの英雄ユニットをdiplayしたくないnullまたは空です。それでも残りのプロパティを表示します。

Answer 1

あなたは空の値

あなたはまたng-ifを使用することができ、この

<div class="hero-unit" ng-repeat="(key, value) in selectedItem" ng-hide="!value"> 
          <span class="hero-title">{{key|insertSpaces}} : </span>  
          <span class="hero-content">{{ value }}</span> 

Answer 2

<div class="hero-unit" ng-repeat="(key, value) in selectedItem | filter:{value:''}"> 
          <span class="hero-title">{{key|insertSpaces}} : </span>  
          <span class="hero-content">{{ value }}</span> 

あなたはfilter（nullでない値）でそれをチェックする必要があります。

Answer 3

のように試してみてください非表示にすることができます：

<div class="hero-unit" ng-repeat="(key, value) in selectedItem | valueNotNull" 
    ng-if="value"> 
    <span class="hero-title">{{key|insertSpaces}} : </span>  
    <span class="hero-content">{{ value }}</span> 
</div> 

これはvalueはtruthyないこと<div>キーと値のペアを非表示にします（つまり、null、未定義な​​ど）。