angularjs – 如何更改Toast的颜色取决于消息类型在角材料$mdToast?

前端之家收集整理的这篇文章主要介绍了angularjs – 如何更改Toast的颜色取决于消息类型在角材料$mdToast?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当使用$ mdToast.simple()。content(“some test”)时,它显示的是黑色的烤面包。如何将该颜色更改为红色,黄色等,取决于错误消息的类型,如错误,警告和成功。

类似问题this

编辑:
要正确实现,请使用 rlay3s solution以下:)!

OUTDATED:
我有问题显示自定义文本与jhblacklocks解决方案,所以我决定这样做使用’template’:

var displayToast = function(type,msg) {

    $mdToast.show({
        template: '<md-toast class="md-toast ' + type +'">' + msg + '</md-toast>',hideDelay: 6000,position: 'bottom right'
    });
};

我还在我的.css文件添加了不同的类型:

.md-toast.error {
    background-color: red;
}

.md-toast.success {
    background-color: green;
}

不知道这是否是最美丽的方法,但我不需要每个对话框类型的模板文件,并显示自定义文本是很容易。

原文链接:https://www.f2er.com/angularjs/146114.html

猜你在找的Angularjs相关文章