md-ツールバーが角度素材を使用して素材ツールバーとしてレンダリングされない

角度素材v1.1.0を使用していて、簡単なツールバーを作成しようとしています。角度のある素材のデモからコードを取り出しましたが、ツールバーはレンダリングされていましたが、個々の要素が得られました。私は何が欠けているか分からない。md-ツールバーが角度素材を使用して素材ツールバーとしてレンダリングされない

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

<html ng-app="app"> 
 
     <head> 
 
     <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
     
 
     <title>My App</title> 
 

 
    \t <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 
 
    \t <link href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css"> 
 

 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script> 
 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-animate.min.js"></script> 
 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-aria.min.js"></script> 
 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-messages.min.js"></script> 
 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-route.min.js"></script> 
 
     
 
     <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script> 
 
     </head> 
 

 
     <body> 
 
     <md-content> 
 
     \t <md-toolbar> 
 
     \t \t <div class="md-toolbar-tools"> 
 
     \t \t \t <md-button class="md-icon-button" aria-label="menu"> 
 
     \t \t \t \t <md-icon md-font-set="material-icons">menu</md-icon> 
 
     \t \t \t </md-button> 
 
     \t \t \t <h2> 
 
     \t \t \t \t <span>My App</span> 
 
     \t \t \t </h2> 
 
     \t \t \t <span flex></span> 
 
     \t \t \t <md-button class="md-icon-button" aria-label="menu"> 
 
     \t \t \t \t <md-icon md-font-set="material-icons">whatshot</md-icon> 
 
     \t \t \t </md-button> 
 
     \t \t \t <md-button class="md-icon-button" aria-label="menu"> 
 
     \t \t \t \t <md-icon md-font-set="material-icons">share</md-icon> 
 
     \t \t \t </md-button> 
 
     \t \t \t <md-button class="md-icon-button" aria-label="menu"> 
 
     \t \t \t \t <md-icon md-font-set="material-icons">file_download</md-icon> 
 
     \t \t \t </md-button> 
 
     \t \t \t <md-button class="md-icon-button" aria-label="menu"> 
 
     \t \t \t \t <md-icon md-font-set="material-icons">thumb_up</md-icon> 
 
     \t \t \t </md-button> 
 
     \t \t </div> 
 
     \t </md-toolbar> 
 
     </md-content> 
 
     </body> 
 
    </html>

出典

2016-12-01 Sneha Lohar

はあなたが直面しているどのようなエラーが同時にplunkerを作成することができますか？ – Prasad

私はコードペンを作成しました。http://codepen.io/biznetboost/pen/RoxNaY 外観を確認すれば理解できます –

あなたはどこかからサンプルを取ってあなたのコードペンで動作していませんか？ – Prasad