angular - ng2-tag-input separatorKeys 不起作用

Question

我正在尝试使用具有非常基本配置的 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 - 它没有任何效果，当我输入space key时(keyCode=32)，它表现为普通空格而不是分隔符。

在演示页面上，他们的示例运行良好，这与 NG2 版本有关吗？

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

Answer 1

我是模块的作者。

您似乎没有在模板中设置 separatorKeys 属性。查看http://www.webpackbin.com/NJy38G8kM的源代码。

Answer 2

将 separatorKeys 添加到 html 模板中

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