角度材质:如何设置背景颜色(不含CSS)

Question

我正在使用Angular Material框架开发一个纯Material Design应用程序.

但是,我不明白如何设置容器的背景颜色(例如,具有蓝色背景的登录表单).我当然可以使用CSS,但我想知道是否有一个内置的指令/主题选项来做到这一点.

Answer 1

我很确定我在文档的某个地方看到了这个,但我现在无法找到它.你必须做两件事:

1. 设置.backgroundPalette('indigo')与设置主要主题相同的方式
2. 创建容器

我在0.8.1版本的角度材料上检查它,它工作正常.

如果您有任何其他问题,请随时询问.

例如:

app.config(function ($mdThemingProvider) {
  $mdThemingProvider
    .theme('default')
    .primaryPalette('indigo')
    .accentPalette('pink')
    .warnPalette('red')
    .backgroundPalette('blue-grey');
});

并在您的模板中:

<md-content>
    <p>Some text</p>
</md-content>