angularjs - mdcolors 在 Angular Material 的 mddialog 中不起作用

Question

我有一个 mddialog，它尝试使用 md-colors 来设置对话框中 div 的背景颜色。但是它不尊重当前主题，而是默认为蓝色主题。

md-colors="{backgroundColor: 'primary'}"

这是一个已知问题吗？有解决方法吗？

使用版本 1.1.1

Answer 1

这有效 - CodePen

标记

<div ng-controller="TasksController as vm" class="md-padding" ng-cloak="" ng-app="app">
   <md-button class="md-primary md-raised" ng-click="vm.show($event)">
      Custom Dialog
    </md-button>

  <script type="text/ng-template" id="test.html">
    <md-dialog aria-label="Test" layout-margin layout="column" layout-align="center center">
        <div style="width:100px; height:100px;"  md-colors="::{background: 'altTheme-primary-700'}"></div>
    </md-dialog>
  </script>
</div>

JS

angular.module('app',['ngMaterial', 'ngMessages', 'material.svgAssetsCache'])

.config(function($mdThemingProvider) {
  $mdThemingProvider.theme('altTheme')
    .primaryPalette('purple')

  $mdThemingProvider.setDefaultTheme('altTheme');
})

.controller('TasksController', function($scope, $mdDialog) {
  var vm = this;
  vm.show = function(ev) {
    $mdDialog.show({
      templateUrl: 'test.html',
      parent: angular.element(document.body),
      targetEvent: ev,
      clickOutsideToClose:true
    });
  };
});