md-chipsとmd-autocomplete入力フィールド

Question

ユーザーがmd-chipsで入力を入力し、フォーカスが削除されると、入力はそのまま残ります。フォーカスが取り除かれたら、チップではないエントリを削除する方法はありますか？ The Out Standing Text still shows once the focus is removed

Answer 1

通常は、ng-blurを使用することによってそれを行うことができるが、何らかの理由でmd-autocompleteで使用でそのディレクティブに問題がある必要があります：https://github.com/angular/material/issues/3906

しかし、私は、違っそれを解決するために、ほとんどありませんみました正しい方法ですが、機能します。あなたがしなければならないのはblurのinputの中のバインドイベントです。md-autocompleteです。この場合、md-autocompleteのsearchTextをクリアする必要があります。だから何とかそのようなあなたのコントローラでそのイベントをバインド：

angular.element(document.querySelector('md-autocomplete input')).bind('blur', 
    function(){ 
     setTimeout(function(){ 
      angular.element(document.querySelector('md-autocomplete')).scope().ctrl.searchText = ''; 
      angular.element(document.querySelector('md-autocomplete')).scope().$apply(); 
     }, 300); 
    } 
) 

私はタイムアウトを使用する理由は、検索テキスト変数があまりにも速くクリアされた場合のチップが追加されていなかったという事実でした。しかし、私は300msの遅延を追加したとき、期待どおりに機能しました。確かにそれを行うより良い方法がありますが、それだけでこのようにしようとすると、おそらくそれはあなたのために十分でしょう。

ここで動作しています：http://codepen.io/anon/pen/QdNydx