angularjs - Angular Materialのmddialogでmdcolorsが機能しない

Question

ダイアログでdivの背景色を設定するためにmd-colorsを使用しようとするmddialogがあります。ただし、現在のテーマを尊重しておらず、代わりに青色のテーマがデフォルトになっています。

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
    });
  };
});