SLee SLee - 1 year ago 79
AngularJS Question

Angular Material md-button not rendering correctly?

I'm pretty new to angularjs and angular material, and I was wondering why my md-button might not be showing up the way it should on my browser but worked on codepen. I put this in my html file:

<html ng-app='app'>
<!-- Angular Material requires Angular.js Libraries -->
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>

<!-- Angular Material Library -->
<script src=""></script>
<script src='app.js'></script>

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


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

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

The module and the controllers are all loading, but in the browser this button shows up like this:

button picture here

Can someone explain to me why this might be? Thanks so much!

Answer Source

You just forgot to import the css of AngularMaterial:

<link rel="stylesheet" href="">