angularjs - 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.
};