<!DOCTYPE html>
<html ng-app="myApp" ng-controller="myController" >
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.0/angular.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.0/angular-messages.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.0/angular-animate.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.0/angular-aria.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.0/angular-route.min.js"></script>
<script type="text/javascript" src="//rawgit.com/angular/bower-material/master/angular-material.js"></script>
<link rel="stylesheet" type="text/css" href="//rawgit.com/angular/bower-material/master/angular-material.css" />
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=RobotoDraft:300,400,500,700,400italic" />
<script type="text/javascript" src="script.js"></script>
</head>
<body ng-cloak>
<md-button class="md-accent" ng-disabled="isDisabled">md-accent</md-button>
<md-button class="md-warn" ng-disabled="isDisabled">md-warn</md-button>
<md-button class="md-primary" ng-disabled="isDisabled">md-primary</md-button>
<md-button ng-disabled="isDisabled">default class</md-button>
<md-checkbox ng-model="isDisabled">{{isDisabled ? "Disabled" : "Not Disabled"}}</md-checkbox>
</body>
</html>
angular.module("myApp", ["ngMaterial"])
.controller("myController", function(
$scope
)
{
$scope.isDisabled = false;
});