由于在 AnguarJS 中包含 ng-material 之后出现错误，无法实例化模块 gupaApp？

Question

我使用 angularjs 创建了网站，并且在我们的网站中使用了 angular-material，但是我已经正确地包含了脚本文件，但是在包含 ['ngMaterial'] 作为我们模块中的依赖项，我不明白我的代码有什么问题。

var app = angular.module("gupaApp", ['ngMaterial']);
app.controller("gupaContr", function($scope) {
  console.log('hii');
})

<html ng-app="gupaApp">
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
  <link rel="stylesheet" href="https://gitcdn.xyz/repo/angular/bower-material/master/angular-material.css">
  <script src="https://gitcdn.xyz/repo/angular/bower-material/master/angular-material.js"></script>
  <script type="text/javascript" src="app/controller/gupaController.js"></script>

  <body ng-controller="gupaContr">
    <md-toolbar md-scroll-shrink>
      <div class="md-toolbar-tools">
        <div flex="50">
          <h3 class="title"><span>My Title</span></h3>
        </div>
        <div flex="50" layout layout-align="end center">

          <md-button class="md-fab" aria-label="Time">
            <md-icon icon="/img/icons/ic_access_time_24px.svg" style="width: 24px; height: 24px;"></md-icon>
          </md-button>
        </div>
      </div>
    </md-toolbar>
  </body>
</html>

Answer 1

您需要添加对 angular-animate.js 和 angular-aria.js 以及

的引用

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular-animate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular-aria.js"></script>

确保与您使用的版本相匹配

PLUNKER DEMO

由于在 AnguarJS 中包含 ng-material 之后出现错误，无法实例化模块 gupaApp？

Got error failed to instantiate module gupaApp due to" after include include ng-material in AnguarJS?

angularjs

angularjs-material