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

但我想以不同的方式解决它，而不是最正确的方式，但它的作品。你需要做的就是在md-autocomplete的input中将事件绑定到blur。在这种情况下，您必须清除您的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); 
    } 
) 

为什么我用超时的原因是事实，如果SEARCHTEXT变量被清除得太快，不添加芯片。但是当我加了300毫秒的延时后，它按我的预期工作。当然，有更好的办法可以做到这一点，但只要试着这样做，也许这对你来说就足够了。

这里是工作codepen：http://codepen.io/anon/pen/QdNydx