Angularjs 角材质md按钮渲染不正确？_Angularjs_Angular Material

Angularjs 角材质md按钮渲染不正确？

angularjs angular-material

Angularjs 角材质md按钮渲染不正确？,angularjs,angular-material,Angularjs,Angular Material,我对angularjs和AngularMaterial非常陌生，我想知道为什么我的md按钮在我的浏览器上显示的方式可能不是它应该显示的方式，而是在codepen上工作。我把它放在我的html文件中： <html ng-app='app'> <head>  <script src="http://ajax.googleapis.com/ajax

我对angularjs和AngularMaterial非常陌生，我想知道为什么我的md按钮在我的浏览器上显示的方式可能不是它应该显示的方式，而是在codepen上工作。我把它放在我的html文件中：

<html ng-app='app'>
<head>
  <!-- Angular Material requires Angular.js Libraries -->
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-messages.min.js"></script>

<!-- Angular Material Library -->
<script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"></script>
<script src='app.js'></script>
</head>

<body ng-controller='MainCont'>
<md-button class='md-primary'>hello</md-button>
</body>
</html>

模块和控制器都在加载，但在浏览器中，此按钮显示如下：

有人能解释一下为什么会这样吗？非常感谢

您刚刚忘记导入

angularmate

的

css

：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.0-rc2/angular-material.min.css">

嗯。。。你在期待什么？我在这里期待来自angular material的演示上的平面按钮：然后你需要添加他们正在使用的类，例如：

class=“md-rissed-md-primary-md-button-md-ink-ripple”

。即使我添加了第二个示例中的“md-no-ink”，按钮没有变为示例中的按钮。哦，这是一个相当愚蠢的错误，谢谢你的帮助！！很乐意帮忙：）

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.0-rc2/angular-material.min.css">