添加所有引用後，角度材料不起作用

我正在嘗試使用角度材質。我添加了所有參考，但是當我用角度材料按鈕測試時，我沒有看到按鈕。我認爲我有類似這樣的職位問題：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"));

來源

2016-10-27 user6934713

什麼是控制檯？ – enkryptor

謝謝。控制檯中沒有錯誤。 – user6934713

看來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/

來源

2016-10-27 11:29:04 enkryptor

謝謝。我需要添加所有的依賴關係嗎？我只使用動畫，詠歎調和消息。我試圖添加它們，我得到了：未捕獲的錯誤：[$ injector：modulerr]。然後我試着只添加我正在使用的依賴關係，並且我得到了同樣的錯誤。 – user6934713

添加所有引用後，角度材料不起作用

回答

相關問題