Javascript AngularJS材质导入后工作不正常_Javascript_Angularjs_Angular Material

Javascript AngularJS材质导入后工作不正常

javascript angularjs angular-material

Javascript AngularJS材质导入后工作不正常,javascript,angularjs,angular-material,Javascript,Angularjs,Angular Material,我正在尝试导入到我的项目中。我已经阅读了如何使用bower进行导入，并且所有需要的文件都在bower\u components下。我创建了一个简单的文件来测试一切是否正常工作，但我有一些问题。首先，这里是代码： <head> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/angular_material/0.9.4/angular-material.min.css"> </head>

我正在尝试导入到我的项目中。我已经阅读了如何使用

bower

进行导入，并且所有需要的文件都在

bower\u 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>


按钮


电子邮件

在这里您可以看到什么是输出：因此，

md按钮

被正确渲染，但是文本没有显示，

md输入容器

没有设置

label

和

input

的动画，正如您从

CodePen

链接中看到的那样。我使用了从web到库的链接，而不是本地路径，只是为了显示结果。这是一样的

我可能遗漏了一些小东西，但这是我第一次尝试使用

AngularJS

和

材料

，因此感谢您的理解

那么，我应该怎么做才能使图书馆按其应有的方式运作呢？

提前谢谢

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

您的控制器代码新建函数（）不正确
修正控制器代码

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

希望这有帮助
是的，在那次改变之后它开始工作了！谢谢你的回答。
app.controller("LoginController", function () { });