Angular Material md 按钮无法正确呈现？

Question

我是 angularjs 和 angular material 的新手，我想知道为什么我的 md-button 在我的浏览器上可能没有按应有的方式显示，但在 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>

app.js:

var app = angular.module('app', ['ngMaterial']);

app.controller('MainCont', function(){
});

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

button picture here

有人可以向我解释为什么会这样吗？非常感谢！

Answer 1

您刚刚忘记导入 AngularMaterial 的 css:

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

Angular Material md 按钮无法正确呈现？

Angular Material md-button not rendering correctly?

angularjs

angular-material