ngTagsInput - 如何清除选择结果？

Question

目前，我正在为我的搜索栏使用ngTagsInput指令。但是，我无法找到一种方法来清除选择结果或阻止标记在搜索栏中呈现。

这就是我目前所拥有的：

这就是我想要得到的：

我尝试编写一个指令来检测输入键按下然后使用myEnter = $（＆＃39; tags-item＆＃39;）。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.
};