我试图在我的使用角度材料库的角度应用程序中实现Toast消息。
app.service('ToastFlash',['$ mdToast',function($ mdToast){
this.showMessage = function(message,$ event){
$ mdToast.show(
$ mdToast
。简单()
.textContent(消息)
.action(“解雇”)
.highlightAction(true)
.highlightClass('md-accent')
);
};
}]);
由于某些原因,当我将showMessage()
调用为时,这给了我错误:TypeError: $mdToast.simple(...).textContent(...).action(...).highlightAction(...).highlightClass is not a function
。
当我删除highlightClass行时,它可以正常工作。
为什么会这样呢?
最佳答案
它应该与最新的材料版本v1.1.0-rc.5
js和css文件一起使用,
$scope.showToast = function() {
var toast = $mdToast.simple()
.content('Hello world')
.action('OK')
.highlightAction(true)
.position('left top right')
.highlightClass('md-warn');
$mdToast.show(toast);
};
这是工作中的
JsFiddle