ngTagsInput - как очистить результаты от выбора?

Question

В настоящее время я использую директиву ngTagsInput для моей панели поиска. Тем не менее, у меня возникли проблемы с поиском путей для устранения результатов по выбору или предотвращения отображения тегов в панели поиска.

Это то, что я в настоящее время:

И это то, что я пытаюсь получить:

Я пытался писать директиву для обнаружения ввода ключа нажмите вниз, а затем используйте myEnter = $ ('tags-item'). remove(), чтобы попытаться удалить элемент при его создании, но он не только не работает, но и не идеален:

app.directive('myEnter', function() { 
    return function (scope, element, attrs) { 
     element.bind("keydown keypress", function (event) { 
      if(event.which === 13) { 
       scope.$apply(function(){ 
        scope.$eval(attrs.myEnter); 
       }); 

       event.preventDefault(); 
      } 
     }); 
    }; 
}); 

Answer 1

Я не знаю, почему вы используете этот компонент, пока вы действительно не хотите тегов.

В любом случае вам не нужна эта настраиваемая директива. on-tag-added может в значительной степени покрыть все, что вам нужно.

т.е., добавьте

on-tag-added="tagAdded($tag)" 

в контроллере

$scope.tagAdded = function(tag) { 
    //just do whatever you want on tag added, 
    //i.e. clear the ngmodel and add it to another array, etc. 
};