Materialize-CSS 无法使用 Angular 2 调用 Toast

【问题标题】：Materialize-CSS Unable to invoke Toast with Angular 2Materialize-CSS 无法使用 Angular 2 调用 Toast
【发布时间】：2018-01-23 23:18:09
【问题描述】：

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

【问题讨论】：

标签： angular materialize toast

【解决方案1】：

您可以使用来自 @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');
  }
}`

在html中

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

【讨论】：