Angular Material - 禁用主题，但仅将其用于微调器？

Question

我正在为Angular 1使用Angular Material。*。我使用$mdThemingProvider.disableTheming();禁用了主题。但是，我想使用进度微调器，它在不使用Angular的默认主题的情况下被破坏。有没有办法可以禁用主题但是默认主题只适用于微调器？

Answer 1

您可以使用CSS - CodePen

来完成

标记

<div ng-controller="AppCtrl" ng-cloak="" ng-app="MyApp">
  <md-button class="md-primary">Hello</md-button>
  <md-progress-circular md-mode="indeterminate"></md-progress-circular>
</div>

CSS

md-progress-circular path {
  stroke: rgb(63, 81, 181);
}

JS

angular.module('MyApp',['ngMaterial'])

.config(function ($mdThemingProvider) {
  $mdThemingProvider.disableTheming();
})

.controller('AppCtrl', function() {
});