Toast 的使用
$mdToast.show(
$mdToast.simple()
.content(msg)
.position('top left')
.hideDelay(3000)
);
改变 CSS
这时候,我们可能并不愿意很麻烦地自定义模板。我们可以选择指定一个模板,然后在 css 中写上相关的配置文件
$mdToast.simple.content('some msg here')
.theme('success-toast');
这时候生成的元素会带上 class,md-toast.md-success-toast-theme
。
于是我们可以修改 CSS 文件:
md-toast.md-success-toast-theme {
background-color: red;
text-align: center;
}
这时候 js 会打印出「未注册主题」的 warnings,我们可以在 js 里面注册一个主题:
app.config(function($mdThemingProvider) {
$mdThemingProvider.theme('success-toast');
});