无法在页面中看到 Angular 实现

Question

当我在 main.js 中添加 'ngMaterial', 'ngMessages' 时，我的主页在保存后加载时变成空白。在检查空白页时，我能够看到以下库和 css 按给定顺序正确加载

index.html

<link href="assets/css/angular-material.min.css" rel="stylesheet">

<script src="assets/js/lib/angular.min.js"></script>
<script src="assets/js/lib/angular-route.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-messages/1.5.8/angular-messages.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.js"></script>
<script src="https://gitcdn.link/repo/angular/bower-material/master/angular-material.js"></script>

也尝试使用 CDN

main.js

var app = angular.module( indexModuleName , [
  'ngRoute', 'ngMaterial', 'ngMessages'
]);

controller.js

app.controller('searchCtrl', function($scope){
  $scope.user = {
      search: '',
    };
});

应用html

<md-input-container class="md-block" ng-controller="searchCtrl" >
  <input ng-model="user.search" placeholder="Search" ng-required="true">
</md-input-container>

控制台错误：

Uncaught Error: [$injector:unpr] Unknown provider: $$asyncCallbackProvider <- $$asyncCallback <- $animate <- $compile

Answer 1

终于是版本不匹配，

<script src = "http://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-aria.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.js"></script>

早些时候，

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

通过添加 bower.json 和更新整个库来修复它

无法在页面中看到 Angular 实现

Unable to see Angular implementation in the page

javascript

angularjs

angular-material