我使用的是materialize-css,而未安装任何其他npm软件包(如在materialize-css网站上建议的那样)。 该网站建议调用javascript方法:Materialize.toast('my toast',2000),以便以编程方式执行吐司。 如何针对Materialize对象调用javascript方法? 有人有例子吗? 我也在使用angular / CLI并通过angular-cli.json加载了jquery和物化

#1楼 票数: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');
  }
}`

在HTML

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

  ask by Larry Garrett translate from so

未解决问题?本站智能推荐:

1回复

Angular中的Materialize-css粘性页脚

Materialize-css 粘性页脚实用程序在 Angular 中无法“开箱即用”。 即使修改了文档推荐的 css 文件。 该文档建议应按如下方式编辑以下类:
3回复

如何使用带有角度的materialize-css

我用angular-cli创建了一个angular4项目。 我想实现-css@next库。 所以我已经安装了它 所以这个安装 然后在 angular-cli.json 我添加了对 css 和 js 文件的引用 现在这适用于按钮和导航栏等普通组件,因为这些组件不需要任何 js。 如何创建动态元素,如轮
1回复

使用angular-cli,sass和materialize-css找不到字体

当我使用angular-cli和materialize-css时,我正在一个项目中工作,默认情况下我使用的是sass。 当我从库中导入sass文件时:@import“〜materialize-css / sass / materialize”; 该应用程序找到样式,但找不到roboto字体
1回复

Angular*ngFor和Materialize-CSS可折叠不起作用

我在项目中使用Materialize-CSS可折叠对象,并且试图将可折叠对象放入另一个对象中。 如果我删除了ng-container中的第一个* ngFor,那么它工作得很好,但是一旦我添加* ngFor循环,它将无法工作。 任何帮助表示赞赏! 我在下面附上了简化的代码和一张照片 这是
1回复

使用实现toast时的错误消息

我试图在 Google 的 materializecss 中调用M.toast()函数,但我收到一条错误消息: 未捕获的 ReferenceError:M 未定义索引.html<!DOCTYPE html><html> <head> <meta c
1回复

使用*ngFor使用materialize-css框架为angular2创建一系列单选按钮

大家问候大家! 我有以下代码构建一个基于materialize-css框架的单一单选按钮http://materializecss.com/forms.html#radio 我尝试使用* ngFor的方法如下所示: 创建所有按钮,但只能选择第一个按钮(单个)。 我怎样才能让按钮系
4回复

Materialize.toast在angular2

我正在研究 angular 2。我使用了 materialize-css,它适用于类但问题来自materialize toast 。 我配置了 gulpfile.js 是否需要在 gulpfile 中添加任何其他 js 文件? <a class="btn" (click)="Materiali
1回复

尝试使用angular2-materialize似乎无法解决加载问题

我整天都在打字上工作,以便在没有太多运气的情况下使用angular2-materialize和materialize-css。 我安装了npm install和save选项。 这是我遇到的错误之一: (索引):29错误:语法错误:意外的令牌<(…) 这行是: 有什么建议