ng2-tag-input separatorKeys не работает

Я пытаюсь использовать модуль ng2-tag-input с очень простой конфигурацией:

import { Component } from '@angular/core';

@Component({
  moduleId: module.id,
  selector: 'search-form',
  template: `<tag-input [(ngModel)]='items'></tag-input>`
})

export class SearchFormComponent {



    items = ['Pizza', 'Pasta', 'Parmesan'];
    options = {
        placeholder: "+ term",
        secondaryPlaceholder: "Enter a new term",
        separatorKeys: [32,13]
    }
    onItemAdded(item) {

    }
    onItemRemoved(item) {

    }


}

Все работает, кроме separatorKeys - это не имеет никакого эффекта, когда я набираю клавишу пробел (keyCode=32), она ведет себя как обычный пробел вместо разделителя.

На демо-странице их пример работает нормально, это может быть связано с версией NG2?

https://github.com/Gbuomprisco/ng2-tag-input


angular ng2-tag-input
person Yuvals    schedule 23.10.2016    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Я автор модуля.

Похоже, вы не устанавливаете атрибут separatorKeys в своем шаблоне. Посмотрите исходный код на http://www.webpackbin.com/NJy38G8kM.

person Giancarlo PSK    schedule 25.10.2016
comment
К сожалению, это не работает ... Я попробовал раздел ввода, который позволяет добавлять элементы, нажимая пробел на клавиатуре в отправленной вами ссылке, и это не работает. - person Yuvals; 26.10.2016
comment
У меня та же проблема... кажется, не работает в webpackbin в Chrome. - person Roy Goode; 26.10.2016
comment
Привет, вы правы, я открыл новую проблему здесь github.com/Gbuomprisco/ ng2-tag-input/issues/90 - person Giancarlo PSK; 28.10.2016

arrow_upward
0
arrow_downward

добавить separatorKeys в шаблон html

@Component({
  moduleId: module.id,
  selector: 'search-form',
    template: `<tag-input [(ngModel)]='items'
                          [separatorKeyCodes]="[32,13]"></tag-input>`
})
person David Sajdl    schedule 30.10.2017