同じフィルタ別のNGリピート</p> <p>内部NGリピート用

Question

同じフィルタ私は、私は別の配列のからCOLをcombinateする必要があるテーブルを作ります。最初の配列は同じデータのリストです。最初のcolはnumberであり、この数値が空の場合、2番目の配列から別の数値が得られます。 次に、検索ボックスがあり、最初の列からこの番号だけを使用して検索します。私はテーブルのフィルタにng-modelを使用していますが、ng-repeatの両方でこのフィルタを使用することはできません。

検索ボックス

<div calss="input-lg"> 
    <input name="value" id="input" type="text" class="input-lg" 
    placeholder="Search in DM-TEC" ng-model="searchDM" ng-virtual-keyboard=" 
    {size: 9, relative: false}"/> 
</div> 

HTMLテーブル

<tbody ng-repeat="roll in vykresy | filter: searchDM"> 
    <tr ng-repeat="re in RE | filter: searchDM" ng-if="roll.id === 'RE'"> 
    <td> {{re.num}}</td> 
    <td> {{roll.name}} </td> 
    <td rowspan="{{RE.length}}" ng-if="$index===0" style="vertical-align: middle;"> {{roll.numberD}} </td> 
    <td rowspan="{{RE.length}}" ng-if="$index===0" style="vertical-align: middle;"> <a ng-href=" ./pdf/{{roll.numberD}}.pdf">{{roll.numberD}}.pdf</a> </td>     
    </tr> 


    <tr ng-repeat="rel in REL | filter: searchDM" ng-if=" roll.id === 'REL'"> 
    <td> {{rel.numberPN}} </td> 
    <td> {{roll.name}} </td> 
    <td rowspan="{{REL.length}}" ng-if="$index===0" style="vertical-align: middle;"> {{roll.numberD}} </td> 
    <td rowspan="{{REL.length}}" ng-if="$index===0" style="vertical-align: middle;"> <a ng-href=" ./pdf/{{roll.numberD}}.pdf">{{roll.numberD}}.pdf</a> </td>     
    </tr> 

    <tr ng-repeat="re_l in RE_L | filter: searchDM" ng-if=" roll.id === 'RE_L'"> 
    <td> {{re_l.numberPN}} </td> 
    <td> {{roll.name}} </td> 
    <td rowspan="{{RE_L.length}}" ng-if="$index===0" style="vertical-align: middle;"> {{roll.numberD}} </td> 
    <td rowspan="{{RE_L.length}}" ng-if="$index===0" style="vertical-align: middle;"> <a ng-href=" ./pdf/{{roll.numberD}}.pdf">{{roll.numberD}}.pdf</a> </td>     
    </tr> 

    <tr ng-if="roll.id === 'PVR'"> 
    <td> {{roll.numberPN}} </td> 
    <td> {{roll.name}} </td> 
    <td> {{roll.numberD}} </td> 
    <td> <a ng-href=" ./pdf/{{roll.numberD}}.pdf">{{roll.numberD}}.pdf</a> </td> 
    </tr> 

角度

$scope.search = ''; 

すぐ内側だけだけのTBODY ngのリピートやフィルタの仕事が、私は必要このフィルタを使用するfo r両方。

ありがとうございます！

敬具 デビッド

Answer 1

あなたは、両方のフィルタに共通ng-modelを使用しています。

tbodyのが原因でフィルタ結果の隠れなっている場合はその結果、

ng-repeat="roll in vykresy | filter: searchDM" 

は、 あなたの内側のフィルタは、結果を表示する機会を持っていません。

内側のDOM内のng-repeatの結果は自動的に削除されますので、あなたは見ることができません。