angular2-materialize 芯片实现

Question

我正在尝试在 Angular 中使用 angular2-materialze 实现在“Javascript 插件使用”标题下找到的 here 的 materialize-css 芯片示例。我已按照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 而不是芯片：

<div class="chips" materialize="material_chip" [materializeParams]="[chipsPlaceholder]"></div>

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