Materialize-CSS无法使用Angular 2

时间:2017-08-15 23:25:40

标签: angular materialize toast

我正在使用materialize-css而不安装任何其他npm包(如materialize-css网站上所示)。该网站建议调用一个javascript方法:Materialise.toast('my toast',2000),以便以编程方式执行toast。如何针对Materialize对象调用javascript方法?有人有例子吗?我也使用angular / CLI并通过angular-cli.json加载jquery和materialize

1 个答案:

答案 0 :(得分:0)

您可以使用 @ angular / core

中的事件发射器
import {MaterializeAction} from 'angular2-materialize';
import { EventEmitter } from '@angular/core';`

export class..     
{ 

`toastModule = new EventEmitter<string|MaterializeAction>();`
..........
now create a function     
`toastMe(){
   this.toastModule.emit('toast');
  }
}`

in html

<a class="btn" (click)="toastMe()" materialize [materializeParams]="['it a toast',4000]" [materializeActions]="toastModule">Toast me </a>