У меня есть список предметов. Я должен показать эти элементы в двух панелях по типу элемента. Мой текущий код:

Question

<div repeat="item in items | filter:{itemtype: 'icon'}"> 
    {{item.name}} 
</div> 

<div repeat="item in items | filter:{itemtype: 'text'}"> 
    {{item.name}} 
</div> 

// Теперь я должен отображать div только в том случае, если некоторые элементы доступны для определенного типа. Я не знаю, как с этим справиться. Пожалуйста, помогите мне

Answer 1

Вы можете попробовать это, но это намного лучше, чтобы отделить массивы уже в контроллере, в противном случае эти (возможно, тяжелые) операции будут выполняться на каждые $ переваривать:

<div g-if="(items | filter:{itemtype: 'icon'}).length"> 
    <div ng-repeat="item in items | filter:{itemtype: 'icon'}" n> 
     {{item.name}} 
    </div> 
</div> 

<div g-if="(items | filter:{itemtype: 'text'}).length"> 
    <div ng-repeat="item in items | filter:{itemtype: 'text'}"> 
     {{item.name}} 
    </div> 
</div>