Угловой фильтр, если нет товаров показать текст

Question

Если массив элементов отфильтрован и нет элементов, которые соответствуют Мне хотелось бы показать «Нет элементов».

vm.items = [ 
    {name: '1', type: 1}, 
    {name: '2', type: 2}, 
    {name: '1.2', type: 1}, 
]; 

<ul> 
    <li ng-repeat="item in vm.items | filter: {type:1}> 
    {{item.name}} 
    </li> 
    <li ng-repeat="item in vm.items | filter: {type:1} ?? length === 0> 
     No items 
    </li> 
</ul> 

Answer 1

Здесь вы можете использовать ng-if директиву с filtered.length данными ng-repeat с псевдонимом

<ul> 
    <li ng-repeat="item in vm.items | filter: {type:1} as filtered"> 
    {{item.name}} 
    </li> 
    <li ng-if="!filtered.length"> 
     No items 
    </li> 
</ul> 

Answer 2

Вот аккуратный трюк, чтобы вспомнить количество фильтров:

<ul> 
    <li ng-repeat="item in (filtered = vm.items | filter: {type:1})> 
    {{item.name}} 
    </li> 
    <li ng-if="filtered.length == 0"> 
     No items 
    </li> 
</ul>