[英]Materialize-CSS Unable to invoke Toast with Angular 2
I'm using materialize-css without installing any other npm packages (as suggested on the materialize-css website). 我使用的是materialize-css,而未安装任何其他npm软件包(如在materialize-css网站上建议的那样)。 The site suggest invoking a javascript method: Materialize.toast('my toast', 2000) in order to programmatically perform a toast. 该网站建议调用javascript方法:Materialize.toast('my toast',2000),以便以编程方式执行吐司。 How do I invoke a javascript method against the Materialize object? 如何针对Materialize对象调用javascript方法? Does someone have an example? 有人有例子吗? I'm also using angular/CLI and have jquery and materialize loaded via angular-cli.json 我也在使用angular / CLI并通过angular-cli.json加载了jquery和物化
you can use event emitter from @angular/core 您可以使用@ 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 在HTML
<a class="btn" (click)="toastMe()" materialize [materializeParams]="['it a toast',4000]" [materializeActions]="toastModule">Toast me </a>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.