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>`
})

ng2-tag-input separatorKeys不工作

2 个答案: