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

发布时间：2020-12-17 08:49:32 所属栏目：安全来源：网络整理

导读：当使用$ mdToast.simple()。content(“some test”)时，它显示的是黑色的烤面包。如何将该颜色更改为红色，黄色等，取决于错误消息的类型，如错误，警告和成功。类似问题this。编辑：要正确实现，请使用 rlay3s solution以下:)！ OUTDATED：我有问题显示

当使用$ 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;
}

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!