AngularJS 1.x NgTags输入显示消息

Question

我有这段使用AngularJS和NGTagsInput的代码。 我在自动完成中使用过滤器，您可以按"Enter"添加新的 itens，但我想向用户显示此消息。如果自动完成中没有结果，则显示消息："未找到结果。按回车键添加" 我尝试在过滤器中放入 Else。但不起作用，因为他检查了每一个字母。

$scope.loadCountries = function($query) {
return $http.get('countries.json', { cache: true}).then(function(response) {
var countries = response.data;
return countries.filter(function(country) {
return country.name.toLowerCase().indexOf($query.toLowerCase()) != -1;
});
});
};
});

这是一个 Plnkr： PLUNKR

谢谢你现在 ！ =(

Answer 1

您只需要检查是否有匹配的返回项，换句话说，只需检查使用该查询过滤的数组是否具有项。如果没有匹配的项目，则表示没有数据:D

$scope.loadCountries = function($query) {
return $http.get('countries.json', { cache: true}).then(function(response) {
var countries = response.data;
var filtered = countries.filter(function(country) {
return country.name.toLowerCase().indexOf($query.toLowerCase()) != -1;
});
$scope.nodata = filtered.length === 0;
return filtered;
});
};

http://plnkr.co/edit/fo1lExzjz0eJxloaljd0?p=preview