javascript - 当数组为空 Angular.js 时不显示任何值

Question

我正在学习 angular.js 并试图确定对我来说最简单的方法是在数组为空时显示消息“未找到值”。

这个我试过了，没用

 <ul>
        <li ng-show="!items.length">No values</li>
        <li ng-repeat="i in items | searchFor:searchString">                
            <p>{{i.title}}</p>
        </li>
    </ul>

还有我的 Controller

app.filter('searchFor', function () {
return function (arr, searchString) {
    if (!searchString) {
        return arr;
    }
    var result = [];
    searchString = searchString.toLowerCase();
    angular.forEach(arr, function (item) {
        if (item.title.toLowerCase().indexOf(searchString) !== -1) {
            result.push(item);
        }
    });
    console.log(result.length);
    return result;
}
});

当没有返回值时，如何显示消息“未找到值”？

Answer 1

在 ng-if 或 ng-show 中使用过滤数组

<ul>
    <li ng-repeat="i in filteredItems = (items | searchFor:searchString)">                
        <p>{{i.title}}</p>
    </li>
    <li ng-show="!filteredItems.length">No values</li>
</ul>