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-toolbar>
<form name="searchForm" ng-submit="search.search(search.searchTerm)">
<div class="md-toolbar-tools">
<md-input-container flex>
<label> </label>
<input ng-model="search.searchTerm" placeholder="Search Wikipedia">
</md-input-container>
<md-button aria-label="Search" type="submit">
<md-icon md-font-icon="search" aria-label="Hi">search</md-icon> </md-button>
</div>
</form>
</md-toolbar>
</div>
CSS
</style>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<style>
JavaScript
// app.module.js
(function() {
angular
.module('app', ['ngMaterial'])
.config(theming)
.controller('Controller', Controller);
theming.$inject = ['$mdThemingProvider'];
function theming($mdThemingProvider) {
}
function Controller() {
var vm = this;
}
})();