angular2-materialize芯片執行

Question

我試圖通過angular2-materialze在Angular的「Javascript插件用法」標題下實現materialise-css芯片的實例here。我已按照docs中的角度安裝說明進行操作。我在下面的實現特別感興趣：

HTML

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

的JavaScript/JQuery的

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

如何將其轉換成角碼？我的模板和組件需要具備哪些功能？

我曾試圖改變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