AngularJS Material 导入后无法正常工作

Question

我正在尝试将 Angular Material 导入我的 project.I 我已经阅读了如何使用 bower 进行导入并且所有需要的文件都已在 bower_components 下。我创建了一个简单的文件来测试是否一切正常，但我遇到了一些问题。首先是代码：

<head>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/angular_material/0.9.4/angular-material.min.css">
</head>

<body ng-app="myApp">

    <div ng-controller="MyController">

        <md-button class="md-raised" style="background-color: #112233;
               color: white;">Button</md-button>

        <br />
        <md-input-container>
            <label>Email</label>
            <input type="email">
        </md-input-container>
    </div>


    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-animate.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-aria.min.js"></script>

    <!-- Angular Material Javascript now available via Google CDN; version 0.9.4 used here -->
    <script src="//ajax.googleapis.com/ajax/libs/angular_material/0.9.4/angular-material.min.js"></script>
</body>

在这里你可以看到输出是什么：CodePen 所以 md-button 被正确渲染，但文本没有显示，并且 md-input-container 没有动画 label 和 input 正如你可以从 CodePen link。我使用 links 从网络而不是本地路径访问库只是为了显示结果..它是一样的。

我可能遗漏了一些小东西，但这是我第一次尝试使用 AngularJS 和 Material，感谢您的理解！

那么，我应该怎么做才能使图书馆正常工作？提前致谢！

Answer 1

控制器未加载导致按钮未出现的一个更改：

您的控制器代码 new function() 不正确

app.controller("LoginController", new function () {

});

更正控制器代码

app.controller("LoginController", function () {

});

希望对您有所帮助！

AngularJS Material 导入后无法正常工作

AngularJS Material not working properly after import

javascript

angularjs

angular-material