Поле ввода md-chips и md-autocomplete

Question

Когда пользователь вводит вход с md-чипами и фокус удаляется, запись все еще присутствует. есть ли способ удалить любую запись, которая не является чипом после удаления фокуса? 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. В этом случае вам нужно очистить свой searchText из md-autocomplete. Так просто связать это событие в контроллере как-то так:

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); 
    } 
) 

Причина, почему я использовал тайм-аут был тот факт, что чип не был добавлен, если переменная SearchText была очищена слишком быстро. Но когда я добавил 300 мс задержки, он работал, как я и ожидал. Конечно, есть лучший способ сделать это, но просто попробуйте сделать это таким образом, и, возможно, этого вам будет достаточно.

Здесь исправна codepen: http://codepen.io/anon/pen/QdNydx