Angular Material中的一些问题

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');
});