Question

我对angularjs和棱角分明的材料都很陌生，我想知道为什么我的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>

app.js：

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

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

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

button picture here

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

Answer 1

您忘了导入css的{{1}}：

AngularMaterial

Angular Material md-button无法正确渲染？

1 个答案: