title: My ui-view did not working?
body: <p>I'm learning Angular JS and I'm got stuck when using ui-view.
  I don't know ui-view or something else is trouble. But my navbar didn't appear.
  Any help must be great!</p>
  
  <p>index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.3/angular-ui-router.min.js"&gt;&lt;/script&gt;
      &lt;script src="app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body ng-app="myApp"&gt;
      &lt;!-- NAVIGATION --&gt;
      &lt;div ui-view="navbar"&gt;&lt;/div&gt;
  
      &lt;!-- MAIN CONTENT --&gt;
      &lt;div class="container"&gt;
          &lt;div ui-view="content"&gt;&lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>app.js</p>
  
  <pre><code>(function() {
      'use strict';
  
      angular
          .module('myApp', ['ui.router'])
          .config(stateConfig);
  
      stateConfig.$inject = ['$stateProvider'];
  
      function stateConfig($stateProvider) {
          $stateProvider.state('app', {
              abstract: true,
              views: {
                  'navbar@': {
                      templateUrl: 'navbar.html',
                      controller: 'NavbarController',
                      controllerAs: 'vm'
                  }
              }
          });
      }
  })();
  </code></pre>
  
  <p>navbar.html</p>
  
  <pre><code>&lt;nav class="navbar navbar-inverse" role="navigation"&gt;
      &lt;ul class="nav navbar-nav"&gt;
          &lt;li&gt;&lt;a ui-sref="home"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a ui-sref="about"&gt;About&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>Help, please!</p>