添加所有参考后，角度材料不起作用答案

【问题标题】：Angular material doesn't work after adding all references添加所有参考后，角度材料不起作用
【发布时间】：2017-03-10 00:08:51
【问题描述】：

我正在尝试使用有角度的材料。我添加了所有参考，但是当我使用有角材料按钮测试它时，我看不到该按钮。我认为我有类似的帖子问题：Installing Angular Material, "Failed to instantiate module ngMaterial" even though I'm using angular version 1.3.0

_Layout.cshtml

<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" 
          content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - Register</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body data-ng-app="main">
    <div><md-button class="md-raised md-primary">Primary</md-button></div>
    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year</p>
        </footer>
    </div>
    @Scripts.Render("~/bundles/angular")
    @Scripts.Render("~/bundles/jquery")
    <script type="text/javascript">
        window.MyApp = {};
        MyApp.rootPath = '@Url.Content("~")';
    </script>
    <script src="~/App/Validator.js"></script>
    <script src="~/App/App.js"></script>
    @RenderSection("scripts", required: false)
    <script type="text/javascript">
        @RenderSection("jsCode", required: false)
    </script>
</body>
</html>

App.js

var material = angular.module('ngMaterial', ['ng', 'ngAnimate', 'ngAria','ngMessages','ngMaterial']);
var commonModule = angular.module('common', ['ngRoute']);
var mainModule = angular.module('main', ['common', 'ngMaterial']);

BundleConfig.cs

bundles.Add(new ScriptBundle("~/bundles/angular").Include(
                  "~/Scripts/angular.js",
                  "~/Scripts/angular-route.js",
                  "~/Scripts/angular-animate.js",
                  "~/Scripts/angular-aria.js",
                  "~/Scripts/angular-messages.min.js",
                   "~/Scripts/angular-material.js"));

【问题讨论】：

控制台中有什么？
谢谢。控制台中没有错误。

标签： angularjs angular-material

【解决方案1】：

似乎ngMaterial 依赖项是错误的，因为ngMaterial 在那里依赖于自身：

angular.module('ngMaterial', ['ng', 'ngAnimate', 'ngAria','ngMessages','ngMaterial']);

工作示例：

angular.module('ngMaterial', [ 'ng', 'ngAnimate', 'ngAria', 'material.core', 'material.services.attrBind', 'material.services.compiler', 'material.services.registry', 'material.decorators', 'material.services.aria', "material.components.bottomSheet","material.components.button","material.components.card","material.components.checkbox","material.components.circularProgress","material.components.content","material.components.dialog","material.components.divider","material.components.icon","material.components.linearProgress","material.components.list","material.components.radioButton","material.components.sidenav","material.components.slider","material.components.subheader","material.components.switch","material.components.tabs","material.components.textField","material.components.toast","material.components.toolbar","material.components.tooltip","material.components.whiteframe"]);

Plnkr：http://embed.plnkr.co/ggfXIq/

【讨论】：

谢谢。我需要添加所有依赖项吗？我只使用动画、咏叹调和消息。我尝试将它们全部添加并得到： Uncaught Error: [$injector:modulerr] 。然后我尝试只添加我正在使用的依赖项，我得到了同样的错误。