ngTagsInput - как очистить результаты по выделению?

0

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

Это то, что я сейчас имею:

Изображение 174551

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

Изображение 174551

Я попытался написать директиву для обнаружения нажатия клавиши ввода, а затем использовать 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();
            }
        });
    };
});
  • 0
    если вы не хотите теги, почему вы используете этот компонент?
  • 0
    Я хочу теги, но не внутри поля ввода. Я просто хочу, чтобы они были внутри div, который я указал.
Теги:
ng-tags-input

1 ответ

0

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

так или иначе, вам не нужна эта настраиваемая директива. 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.
};
Поделиться
  • 0
    Я хочу использовать функцию автоматического предложения компонента и дот. Вместо рендеринга коробочек для таблеток в поле ввода, я хочу, чтобы они отображались в указанном мной div.
  • 0
    Как я уже говорил вам в этом ответе, вы можете делать то, что вы хотите в обратном вызове tagAdded. например, очистите ngModel, чтобы теги не отображались в поле поиска, а затем добавьте тег в другой массив, чтобы отобразить его в указанном элементе div.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню