Uncaught Error: [$injector:unpr] for ngMaterial
Uncaught Error: [$injector:unpr] for ngMaterial
我在将 ngMaterial
包含在项目中时遇到问题,然后显示错误 Uncaught Error: [$injector:unpr]
我的 app.js 文件看起来像
angular
.module('app', ['ui.router','ngMaterial','objectTable'])
.config(config)
.run(run);
鉴于此,我已按此顺序包含文件
<!-- external scripts -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.2/angular-material.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<!-- bower plugins -->
<script type="text/javascript" src="app-content/scripts/object-table.js"></script>
<!-- application scripts -->
<script src="app.js"></script>
<script src="app-services/user.service.js"></script>
<script src="app-services/flash.service.js"></script>
<script src="home/index.controller.js"></script>
<script src="account/index.controller.js"></script>
谁能帮我解决这个问题?我试图更改文件的顺序,但问题仍然相同。
应该是这样的
<!-- Angular Material Dependencies -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.2/angular-material.min.js"></script>
在 angular-material
之前导入 angular-animate
和 angular-aria
。
查看此代码。切换 angular-animate
导入并查看差异。
为了后代:我使用 Visual Studio 和 NuGET 安装。我首先安装了我的 angularjs.core 包(只有 angular 文件)。这是版本 1.5.8。然后我安装了 angular material 。这是在版本 1.1.3 中安装的。一开始我没有注意到的是,当 iu 安装 angular material 时,它包含了它自己的 angular 版本。
重点是 - 我使用我第一次安装的 "angularjs.core" 来升级到高版本(我认为这是问题所在)。然后我切换到使用 material NuGet 包附带的 angular 版本。然后一切正常。
我在将 ngMaterial
包含在项目中时遇到问题,然后显示错误 Uncaught Error: [$injector:unpr]
我的 app.js 文件看起来像
angular
.module('app', ['ui.router','ngMaterial','objectTable'])
.config(config)
.run(run);
鉴于此,我已按此顺序包含文件
<!-- external scripts -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.2/angular-material.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<!-- bower plugins -->
<script type="text/javascript" src="app-content/scripts/object-table.js"></script>
<!-- application scripts -->
<script src="app.js"></script>
<script src="app-services/user.service.js"></script>
<script src="app-services/flash.service.js"></script>
<script src="home/index.controller.js"></script>
<script src="account/index.controller.js"></script>
谁能帮我解决这个问题?我试图更改文件的顺序,但问题仍然相同。
应该是这样的
<!-- Angular Material Dependencies -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.2/angular-material.min.js"></script>
在 angular-material
之前导入 angular-animate
和 angular-aria
。
查看此代码。切换 angular-animate
导入并查看差异。
为了后代:我使用 Visual Studio 和 NuGET 安装。我首先安装了我的 angularjs.core 包(只有 angular 文件)。这是版本 1.5.8。然后我安装了 angular material 。这是在版本 1.1.3 中安装的。一开始我没有注意到的是,当 iu 安装 angular material 时,它包含了它自己的 angular 版本。
重点是 - 我使用我第一次安装的 "angularjs.core" 来升级到高版本(我认为这是问题所在)。然后我切换到使用 material NuGet 包附带的 angular 版本。然后一切正常。