Angular material 角度材质：如何设置背景色（无CSS）

我正在使用Angular Material框架开发一个纯材料设计应用程序

但是，我不知道如何设置容器的背景颜色（例如，蓝色背景的登录表单）。

---

我当然可以用CSS来做，但我想知道是否有一个内置的指令/主题选项来做这件事。

我很肯定我在文档中的某个地方看到过，但我现在找不到它。你必须做两件不同的事情：

设置

.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>

一些文本

在旁注中，忽略问题中的“无css”部分，我发现材质角度创建者使用普通的旧css创建背景色，请参见（您也可以通过“Fork a codepen”一节找到这一点）

html

<div id="content" ng-view flex> </div>

---

您可以使用md colors指令从调色板设置任何颜色

格式将为[？主题]-[调色板]-[？色调]-[？不透明度]何处？表示可选参数

但根据我的经验，您必须指定主题，即使是默认主题：

<md-button md-colors="{color: 'default-red-A100', 'background': 'default-primary-600'}">Button</md-button>

按钮

将我的内容包装在标签中起作用。谢谢你Zhorzhwhat集装箱？你是说md-。。。组件还是自定义DIV？看见

<md-button md-colors="{color: 'default-red-A100', 'background': 'default-primary-600'}">Button</md-button>