Угловая JS нг-шоу и нг скрыть

Question

Вот у меня есть код:

<ul ng-controller="Modalcontrol" class="card_ul"> 
         <li ng-repeat="item in list"> 
          {{item.name }} 
          <p> 
           <span class="yellow" align="left" ng-repeat="labels in item.labels" ng-show="filter_card_id == labels.id" > 
            {{ labels.id }} 
           </span> 
           #{{ item.card_id }} 
          </p> 
         </li> 
        </ul> 

В этом нг-шоу = код «filter_card_id == labels.id» работал должным образом, но я хочу, чтобы применить это шоу и скройте этот родительский список. как?

Answer 1

Вы можете выбирать в родительском списке как это:

angular.module('ExampleApp', []) 
 
    .controller('ExampleController', function() { 
 
    this.list = [{ 
 
     id: 1, 
 
     labels: [{ 
 
     id: 11 
 
     }, { 
 
     id: 12 
 
     }] 
 
    }, { 
 
     id: 2, 
 
     labels: [{ 
 
     id: 21 
 
     }, { 
 
     id: 22 
 
     }] 
 
    }, { 
 
     id: 3, 
 
     labels: [{ 
 
     id: 31 
 
     }, { 
 
     id: 32 
 
     }] 
 
    }]; 
 
    this.filter = { 
 
     id: undefined 
 
    }; 
 
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.js"></script> 
 

 
<div ng-app="ExampleApp"> 
 
    <div ng-controller="ExampleController as vm"> 
 
    <label> 
 
     Filter 
 
     <input type="number" ng-model="vm.filter.id" /> 
 
    </label> 
 
    <ul ng-repeat="item in vm.list|filter:{labels:{id:vm.filter.id?vm.filter.id:undefined}}:true"> 
 
     <li>{{item.id}} 
 
     <ul ng-repeat="label in item.labels|filter:{id:vm.filter.id?vm.filter.id:undefined}:true"> 
 
      <li>{{label.id}}</li> 
 
     </ul> 
 
     </li> 
 
    </ul> 
 
    </div> 
 
</div>

Живой пример на jsfiddle.

Answer 2

Использование $parent

ng-show="filter_card_id == $parent.labels.id"