我有物品清单。我必须根据项目类型在两个面板中显示这些项目。我目前的代码是

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

你可以试试这个，但是将控制器中已有的数组分开要好得多，否则这些（可能很重）的操作将在每个$ digest上运行：

<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>