ng-ifとng-repeatをテーブル内で比較する

私はidカラム（1,2,3,4,5）のテーブルを持っていますが、私は要素の配列を持っています。 $ scope.elementsの値は1,3です。ng-ifとng-repeatをテーブル内で比較する

<ul ng-repeat="x in elements> 
<li>{{x}}</li> 
</ul>

これを使用して、要素の配列内の値をテーブルのidと比較する必要があります。両方のiddが一致する場合は、その行を非表示にする必要があります。

私はng-ifを使用し、私はNGリピート複数の行が各反復のために作成したばかりしている使用しているため...

誰もがこの問題を解決するために私を助けることができる...

UPDATE： hides2 NG-IF = "X！= 3"

= [1,3,4] NG・リピート= "$インデックスによって[hides2]トラックでのx" しかし、テーブルに値を示し、（そのありません1,3,4レコードを隠して） [enter image description here]1

出典

2016-08-29 JavaLearner1

あなたの問題は何ですか？ – Rakeschand

@Rakeschand私は1,2,3,4,5のようなidのテーブルを持っていて、いくつかの数字を持つ要素の配列を持っています。私はそれらの配列番号をテーブルidと比較する必要があります。一致が見つかると、そのテーブル行を非表示にする必要があります... – JavaLearner1

私の答えを試しましたか？ – Rakeschand

私はあなたがNG-IFを使用しているかknnowはありませんが、それは使用することは非常に簡単です、ここです。ここに簡単な例

angular.module("app",[]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script> 
 

 
<body ng-app="app"> 
 
    <div ng-repeat="item in [1,2,3,4,5,6,1,2,4,5] track by $index" ng-if="item !== 1">{{item}}</div>

出典

2016-08-29 08:04:46

でこれを試して...作成次のようにコントローラの関数

$scope.elements = [1,2,3,4,5]; 
$scope.checkMatch = function(id){ 
    if($scope.elements.indexOf(id) !== -1){ 
    return true; 
    }else{ 
    return false; 
    } 
}

テンプレートでは、このメソッドを次のようにng-ifで呼び出し、checkMatchにidを渡します。 ..

<ul ng-repeat="x in elements> 
<li ng-if="checkMatch(x)">{{x}}</li> 
</ul>

出典

2016-08-29 08:08:06 Rakeschand

まだ動作していません..... @ Rakeschand – JavaLearner1

このソリューションではどのような結果が得られますか？コード全体をアップロードするか、plunkrを作成する必要があります。 – Rakeschand

ng-ifとng-repeatをテーブル内で比較する

答えて

関連する問題