ng - 条件のテーブルのレコードを表示します。

Question

私は行とその列の値の合計を表示しようとしています。それは状態が保持される3つの状態を有する。 （toggleValue =場合siteData.jobType == toggleValueで

：

1）オート 2） 3）autolive（JSONに存在しない、自動車を必要と行に結合住む）

結論ライブ=自動）、それは "自動" siteData.jobType == toggleValue（toggleValue ==ライブ）で

のレコードを示し、それは

しかしsiteData.jobType == toggleValue上

（toggleValueを "ライブ" のレコードを示し==オートリブ）それはレコードを表示しません、coz autoliveはjsonに存在しません

自動とライブのレコードを組み合わせて表示するにはどうしたらいいですか？

//カスタムトグルボタンhttps://github.com/tannerlinsley/nz-toggle

<nz-toggle 
tri-toggle 
on-toggle="myFunction()" 
ng-model="toggleValue" 
val-true="'auto'" 
val-false="'live'" 
val-null="'autolive'"> 
</nz-toggle> 



<table class="table table-condensed" border ="1" > 
<thead> 
<tr> 

<th>PiteId</th> 
<th>PiteId</th> 
<th>Type</th> 
<th>Date</th> 
<th >Success</th> 


</tr> 
</thead> 
<tbody> 
<tr ng-repeat="siteData in siteObject" ng-show="siteData.jobType==toggleValue" > 

<td>{{siteData.sid}}</td> 
<td>{{siteData.PiteId}}</td> 
<td>{{siteData.Type}}</td> 
<td>{{siteData.Date}}</td> 
<td ng-init="siteObject.total.siteData.countSuccess = siteObject.total.siteData.countSuccess + siteData.countSuccess">{{siteData.countSuccess}}</td> 
</tr> 
</table> 

JSON形式

siteObject = 
    { 
    "data": [ 
     { 
      "sid": 1, 
      "PiteId": "1~10-4-2017~15:13:40", 
      "Type": "live", 
      "Date": "2017-04-14T18:30:00.000Z", 
      "countSuccess": 1 
     }, 

     { 
      "sid": 1, 
      "PiteId": "1~10-4-2017~15:13:40", 
      "Type": "auto", 
      "Date": "2017-04-14T18:30:00.000Z", 
      "countSuccess": 1 
     } 
    ] 
    } 

私はautolive

Answer 1

を切り替えたときに、私はそれらのすべてをしたいが、この回避策を試してください：（は何名前を付けることができます）

<tr ng-repeat="siteData in siteObject.data | filter: customFilter"> 

：あなたはこのようにカスタムフィルタ関数を作成する必要がng-show="toggleValue.indexOf(siteData.jobType) > -1"

Answer 2

そして、あなたのコントローラでは、カスタムロジックを実装することができます。このようなもの：

$scope.customFilter = function(obj) { 
    if($scope.toggleValue !== 'autolive') { 
    return obj.Type === $scope.toggleValue  
    } 
    return true; 
} 

これはすべきです！

ここworking codepen example