javascript - angularオートコンプリートは、シンボルを削除する場合にのみ機能しますが、追加の場合は機能しません

Question

そこに問題コード。

問題は、新しい記号を入力すると、オートコンプリートされたドロップダウン リストが表示されないことです。キャラクターを削除した場合にのみ表示されます。修正方法は？

再現方法 - 3 ～ 5 文字を入力し、最後の文字を削除します。

Answer 1

実際のユースケースが何であるかはわかりませんが、入力された基準に基づいて一致の固定リストを提供したいだけの場合は、typeahead式に関数呼び出しを提供するだけで非常に簡単に行うことができます:

typeahead="state for state in genData($viewValue)"

がgenDataスコープで公開されている関数である場合:

$scope.genData = function(key){
    return [key+ "abcd", key+ "111", key+ "FFc32", key+"777"];
};

ここで作業プランク: http://plnkr.co/edit/6SIGGS?p=preview

また、プランクはかなり古いバージョンの angular-ui/bootstrap (0.4.0、最新は 0.6.0) を使用していることに注意してください。