AngularJS: Material Design Demo - 4
HTML
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script>
<link rel="stylesheet" href="//cdn.rawgit.com/angular/bower-material/v0.9.8-rc1/angular-material.css">
<script src="//rawgit.com/angular/bower-material/master/angular-material.js"></script>
<div class="container" ng-controller="Controller as controller">
<md-content>
<md-button class="md-raised md-primary pull-right formPage" ng-disabled="true" ng-click ="submit()">SAVE</md-button>
</md-content>
</div>
CSS
</style>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<style>
.md-button.md-raised.md-primary.formPage {
position: right !important;
color: #FFFFFF;
background-color:#008cba;
}
.md-button.md-raised.md-primary.formPage:not(.disabled) {
position: right !important;
color: #FFFFFF;
background-color:#008cba;
}
JavaScript
// app.module.js
(function() {
angular
.module('app', ['ngMaterial'])
.config(theming)
.controller('Controller', Controller);
theming.$inject = ['$mdThemingProvider'];
function theming($mdThemingProvider) {
$mdThemingProvider.theme('default')
.primaryPalette('indigo')
.accentPalette('pink')
.warnPalette('red')
.backgroundPalette('grey');
}
function Controller() {
var vm = this;
}
})();