未知提供者：$mdThemingProvider答案

【问题标题】：Unknown provider: $mdThemingProvider未知提供者：$mdThemingProvider
【发布时间】：2017-03-25 18:11:06
【问题描述】：

所以，我正在尝试使用 angular-material，但是当我想注入 $mdThemingProvider 时，我得到了这个错误：Unknown provider: $mdThemingProvider。

如果我删除 $mdThemingProvider ，则角度材质样式将不起作用。

我的模块：

    angular.module('bookStoreApp', ['ngAnimate', 'ui.router'])
.config([
  '$stateProvider', 
  '$urlRouterProvider', 
  '$mdThemingProvider',
  function($stateProvider, $urlRouterProvider, $mdThemingProvider) {
    $mdThemingProvider.theme('default')
    .primaryPalette('blue')
    .accentPalette('red');

    $urlRouterProvider.otherwise('/');

    $stateProvider// home page
    .state('/', {
      url: '/',
      templateUrl: 'views/home.html',
      controller: 'BookControllers'
    });
  }
  ]);

我的参考资料：

    <link rel="stylesheet" href="libs/angular-material/angular-material.min.css">
  <script src="libs/angular/angular.min.js"></script>
  <script src="libs/angular-animate/angular-animate.min.js"></script>
  <script src="libs/angular-aria/angular-aria.min.js"></script>
  <script src="libs/angular-messages/angular-messages.min.js"></script>
  <script src="libs/angular-ui-router/release/angular-ui-router.min.js"></script>

我的 bower.json 依赖项

  "dependencies": {
"angular": "^1.6.3",
"angular-material": "^1.1.3",
"angular-ui-router": "^0.4.2"

}

【问题讨论】：

标签： javascript angularjs angular-ui-router angular-material bower

【解决方案1】：

在定义bookStoreApp模块时需要注入ngMaterial模块，因为其中定义了$mdThemingProvider。

 angular.module('bookStoreApp', ['ngAnimate', 'ui.router', 'ngMaterial'])

而不是

angular.module('bookStoreApp', ['ngAnimate', 'ui.router'])

【讨论】：