Question

我用角度材料构建了一个Web应用程序。最初我开始只处理一个主题。后来我的要求被更改为在某些UI组件中使用其他主题。当我试图应用新的主题，即“石灰”。但它适用于工具栏。

问题出在$mdThemingProvider.setDefaultTheme('indigo'); 如果我删除setDefaultTheme方法它正在工作，但为此我需要更改现有文件中的更多代码。

我需要使用默认方法解决并使用其他主题。

这是我的code。

Answer 1

我认为您错过了代码中的监视标记

$mdThemingProvider.alwaysWatchTheme(true);

您还必须在模板中添加md-theme-watch。

<div>
  <md-button ng-click="dynamicTheme = 'default'">Default</md-button>
  <md-button ng-click="dynamicTheme = 'altTheme'">altTheme</md-button>
  <div md-theme="{{ dynamicTheme }}" md-theme-watch>
    <md-button class="md-primary">I'm dynamic</md-button>
  </div>
</div>

我已更新你的plunker

http://plnkr.co/edit/dEIGT3y1l85TOH1bKdMD?p=preview

您可以在这里阅读文档

https://material.angularjs.org/latest/Theming/04_multiple_themes

使用setDefaultTheme方法的角度材料主题问题？

1 个答案: