尝试使用ngMaterial，但我收到$injector:modulerr错误

try to use ngMaterial but I get $injector:modulerr error

本文关键字：injector 错误 modulerr ngMaterial      更新时间：2023-09-26

我今天开始使用角度材料，但是当我想在我的项目中使用 ngMaterial 时，我收到一个错误......

我尝试在本地使用角度材料，我的意图非常简单：使用<md-button>：

<div ng-app="MyApp" class="buttondemoBasicUsage" ng-controller="AppCtrl" ng-cloak="">
    <md-content>
        <section layout="row" layout-sm="column" layout-align="center center" layout-wrap="">
            <md-button>{{title1}}</md-button>
            <md-button md-no-ink="" class="md-primary">Primary (md-noink)</md-button>
            <md-button ng-disabled="true" class="md-primary">Disabled</md-button>
            <md-button class="md-warn">{{title4}}</md-button>
            <div class="label">Flat</div>
        </section>
    </md-content>
</div>
我

添加了我怀疑可以解决我的问题的每个脚本，如下所示：

<script type="text/javascript" src="/desktopmodules/Barrizon/Scripts/Angular1.x/angular.min.js"></script>
<script type="text/javascript" src="/desktopmodules/Barrizon/Scripts/Material/angular-animate.min.js"></script>
<script type="text/javascript" src="/desktopmodules/Barrizon/Scripts/Material/angular-messages.min.js"></script>
<script type="text/javascript" src="/desktopmodules/Barrizon/Scripts/Material/angular-aria.min.js"></script>
<script type="text/javascript" src="/desktopmodules/Barrizon/Scripts/Material/angular-material.min.js"></script>
<script type="text/javascript" src="/DesktopModules/mvc/Barrizon/LArticle/List/Resources/JS/Barrizon.LArticle.Settings.js"></script>

最后一个 js （ Barrizon.LArticle.Settings.js ） 是我在那里编写我的自定义 js 的：

angular.module('MyApp', ['ngAria', 'ngMessages', 'ngMaterial', 'material.svgAssetsCache'])
.controller('AppCtrl', function ($scope) {
    $scope.title1 = 'Button';
    $scope.title4 = 'Warn';
    $scope.isDisabled = true;
    $scope.googleUrl = 'http://google.com';
});

有谁知道我如何通过此错误？

多谢

您需要

在代码中添加所有这些脚本以及自定义js，

<script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.9/angular.js" data-semver="1.4.9"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-messages.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.9/angular-material.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-aria.js"></script>
    <script src="http://ngmaterial.assets.s3.amazonaws.com/svg-assets-cache.js"></script>

普伦克 ： http://plnkr.co/edit/ZWUIiLRaJOvC5WMrMZQq?p=preview

相关文章：