angularjs-components - Angular 1.5 コンポーネントの例

Question

Angular 1.5 より前の使用経験はかなりありますが、現在、1.5 コンポーネントに基づく Web アプリケーションの開発を開始しています。多くのトラブルシューティングを行った後でも、基本的なテンプレートが機能しているようには見えません。次の単純なメニュー コンポーネントの何が問題なのか、別の人に教えてもらえますか? 提供される可能性のある支援に感謝します。

var appMenuTemplate = "
  <nav class='menu'>
    <ul>
      <li ng-repeat='item in menuCtrl.menuItems'> 
        {{ item }} 
      </li>
    </ul>
  </nav>
";

var appMenuController = function() {
  var self = this;
  self.menuItems = [
   'home',
    'about',
    'portfolio',
    'experience'
  ];
};

angular
  .module('exampleApp', [])
  .component('appMenu', {
    template: appMenuTemplate,
    controller: appMenuController,
    controllerAs: 'menuCtrl'
  });

https://jsfiddle.net/dzaslow/ej8r3vyo/1/