angular-material - Angular Material:如何设置背景色(无CSS)

Question

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

但是，我不知道如何设置容器的背景颜色（例如，背景为蓝色的登录表单）。
我当然可以使用CSS来做到这一点，但我想知道是否有内置的指令/主题选项可以做到这一点。

Answer 1

我很确定我已经在文档中的某个地方看到了，但是现在找不到。您必须做两件事：


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


我已经在0.8.1版本的angular-material上进行了检查，并且工作正常。

如果您还有其他问题，请随时提问。

例如：

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

并在您的模板中：

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