title: Angular Material doesn't work
body: <p>I'm starting to use Angular Material and a problem occur: I have this simple page, built with Angular Material, with a NavBar but it doesn't appear, and I don't know why.
  This is my page:</p>
  
  <pre><code>&lt;html lang="it"&gt;
  &lt;head&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  
      &lt;!-- Angular Material style sheet --&gt;
      &lt;link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.css"&gt;
  &lt;/head&gt;
  &lt;body ng-app="MyApp" ng-cloak&gt;
      &lt;!-- NavBar --&gt;
      &lt;div ng-controller="AppCtrl" ng-cloak="" class="navBardemoBasicUsage" ng-app="MyApp"&gt;
          &lt;md-content class="md-padding"&gt;
              &lt;md-nav-bar md-selected-nav-item="currentNavItem" nav-bar-aria-label="navigation links"&gt;
                  &lt;md-nav-item md-nav-click="goto('page1')" name="page1"&gt;Page One&lt;/md-nav-item&gt;
                  &lt;md-nav-item md-nav-click="goto('page2')" name="page2"&gt;Page Two&lt;/md-nav-item&gt;
                  &lt;md-nav-item md-nav-click="goto('page3')" name="page3"&gt;Page Three&lt;/md-nav-item&gt;
              &lt;/md-nav-bar&gt;
          &lt;span&gt;{{currentNavItem}}&lt;/span&gt;
          &lt;/md-content&gt;
      &lt;/div&gt;
      &lt;!-- End NavBar --&gt;
  
  
      &lt;!-- Angular Material requires Angular.js Libraries --&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-messages.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- Angular Material Library --&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- Your application bootstrap  --&gt;
      &lt;script type="text/javascript"&gt;    
          (function() {
              'use strict';
  
              angular.module('MyApp',['ngMaterial', 'ngMessages', 'material.svgAssetsCache'])
                  .controller('AppCtrl', AppCtrl);
  
              function AppCtrl($scope) {
                  $scope.currentNavItem = 'page1';
              }
          })();
  
          angular.module('MyApp', ['ngMaterial']);
      &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>The result is a blank page.
  Thanks for help!</p>