2016-10-14 3 views
0

最初のng-repeatに由来する動的値で2番目のng-repeatをフィルタリングしたいと思います。私のコードは次のとおりです。2つのNgリピートAngularjs内のFilterByの動的値

<div ng-repeat="all in all | unique: 'Category'"> 
    <p>{{all.Category}}<p> 
     <div class="list" ng-repeat="tabs in tabs | filterBy: ['Category']: '{{all.Category}}'"> 

私は上記のコードを試してみましたが、第2 ng-repeatfilterByが機能していません。何か提案はありますか?ありがとう。

+0

uはあなたのコードのデモを作成してくださいすることができますか? –

答えて

2

私は本当にあなたの第二のフィルタのPARAMが何であるかを理解していないが、i'am間違っていない場合は、このような何か試してみてください:i'am間違っている場合は、その理由を教えてください、

<div ng-repeat="all in all | unique: 'Category'"> 
    <p>{{all.Category}}<p> 
    <div class="list" ng-repeat="tabs in tabs | filter: all.category"> 

まあを私はあなたの問題を解決する方法がわからない場合、私は私の答えを編集します。 これは、all.categoryが文字列の場合には機能するはずです(オブジェクト内に何が入っているのかわからないため文字列と思われます)

(編集:間違えた...はい、あなたは最初の内側の第二は、NG-繰り返し。)あなたはdivの内側のdivを追加する必要が

0

..ネストされたNG-繰り返しのため.. ここDEMO

を参照してくださいHTML

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

    <input type="text" ng-model="textSearch" placeholder='name Search'> 
    <div ng-repeat="all in userList | filter:textSearch" class="parent"> 
    {{all.name}} 
     <div ng-repeat="child in all.child" class="child"> 
     {{child.value}} 
     </div> 
    </div> 
</div> 

コントローラ

function myCtrl($scope) { 

    $scope.userList=[{ 
    'name':'Anil', 
    'address':'Mumbai', 
    'id':1, 
    'child':[{ 
      "id": "0", 
      "unit": "10", 
      "value": "21000", 
      "others":"N" 
     },{ 
      "id": "0", 
      "unit": "10", 
      "value": "12000", 
      "others":"N" 
     },{ 
      "id": "0", 
      "unit": "10", 
      "value": "22000", 
      "others":"N" 
     }] 
    },{ 
    'name':'Sunil', 
    'address':'Delhi', 
    'id':1, 
    'child':[{ 
      "id": "0", 
      "unit": "10", 
      "value": "21000", 
      "others":"N" 
     },{ 
      "id": "0", 
      "unit": "10", 
      "value": "12000", 
      "others":"N" 
     },{ 
      "id": "0", 
      "unit": "10", 
      "value": "22000", 
      "others":"N" 
     }] 
    },{ 
    'name':'Manil', 
    'address':'Varansasi', 
    'id':1, 
    'child':[{ 
      "id": "0", 
      "unit": "10", 
      "value": "21000", 
      "others":"N" 
     },{ 
      "id": "0", 
      "unit": "10", 
      "value": "12000", 
      "others":"N" 
     },{ 
      "id": "0", 
      "unit": "10", 
      "value": "22000", 
      "others":"N" 
     }] 
    }] 
} 
+0

デモを確認してください.. –

+0

あなたは質問に答えていませんでしたが、問題は親オブジェクトにないオブジェクトの別の配列をフィルタリングする方法です。 –