javascript - 无法注入(inject)依赖 ngMaterial

Question

我希望开发一个同时使用 dirPagination 和 AngularJS Material 的应用程序。但是，我无法将 ngMaterial 依赖项注入(inject)到我的应用程序中。 angularUtils.directives.dirPagination 依赖项工作正常，但只要我添加 ngMaterial，AngularJS 应用程序就会崩溃。

这是一个带有示例的 Plunker ( https://plnkr.co/edit/7N7i9TnMc77Nz6xlNhuk?p=preview )。在我实例化模块的 app.js 中，两个依赖项都在那里。如果该行显示为:

angular.module('myApp', ['angularUtils.directives.dirPagination', 'ngMaterial']);

然后 AngularJS 崩溃，页面显示 {{hello}}。但是，由于在 Controller 中，我已将 $scope.hello 设置为 "Hello Plunker!"，如果该行显示为:

angular.module('myApp', ['angularUtils.directives.dirPagination']);

然后页面显示“Hello Plunker!”。

我做错了什么？

感谢您的帮助!

Answer 1

1. 您需要在要使用 angular 的任何其他脚本之前包含 angular.js。这里在 angular.js

之前添加 script.js

2. 您还需要使用与 angular.js 版本相同的 Angular 模块 angular-animate, angular-aria, angular-messages这里使用了 1.6.4 版本的angular.js

       <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-animate.min.js"></script>
       <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-aria.min.js"></script>
       <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-messages.min.js"></script>
   

您可以检查我对您的 plnkr 所做的修改 https://plnkr.co/edit/En0YaiaiqD1MPPOydAf8?p=preview

对于 bootstrap.min.css 的跨域请求也有错误，可以通过使用轻松修复

https://

网络加速器