2017-07-03 9 views
0

私はAngularJSとNGTagsInputを使用してこのコードを持っています。 フィルターをオートコンプリートで使用していて、 'Enter'を押して新しいitensを追加できますが、このメッセージをユーザーに表示したかったのです。自動完了で結果が見つからない場合は、「結果が見つかりません。追加するにはEnterキーを押してください」というメッセージが表示されます。 Else inside filterを入れてみました。彼はすべての手紙をチェックするので動作しません。今のPLUNKRAngularJS 1.x NgTagsInputメッセージを表示

ありがとう:ここ

 $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です! =)

答えて

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

+0

どうもありがとう!魅力的な作品! :D – Johnson

関連する問題