angular2-实现芯片实现

Question

我试图在＆＃34; Javascript插件使用＆＃34;下实现here找到的materialize-css芯片的示例。标题，在角度与angular2-materialze。我已按照docs中的angular-cli安装说明进行操作。我对以下实施特别感兴趣：

HTML

<div class="chips chips-placeholder"></div>

的JavaScript / JQuery的

$('.chips').material_chip();
$('.chips-placeholder').material_chip({
    placeholder: 'Enter a tag',
    secondaryPlaceholder: '+Tag',
  });

如何将其转换为Angular代码？我的模板和组件需要具备什么才能实现？

我尝试将HTML更改为此，但它没有工作：

<div materialize class="chips chips-placeholder"></div>

Answer 1

请参阅此处的示例代码：https://github.com/InfomediaLtd/angular2-materialize/blob/master/sample/src/app/components/chips.ts 这是演示：http://angular2-materialize.surge.sh/#/Chips

在您的代码中，您应该使用material_chip而不是chip：

(0,0,0)

答案取自：https://github.com/InfomediaLtd/angular2-materialize/issues/293