angularjs 1.6.6コンポーネントコントローラの登録されていないエラー、この問題の修正方法？

Question

私はangularjs 1.6.6を使用しています - とgulpを使用しています。

これは私の現在のコードです。何が間違って
例えば：AppLayoutコンポーネント

/// app-layout.component.js 
 
angular.module('app').component('appLayout', { 
 
    templateUrl: 'components/app-layout/app-layout.html', 
 
    controller: 'AppController as $ctrlApp' 
 
    }); 
 
    
 
    
 
    /// app-layout.controller.js 
 

 
function AppController($rootScope, $interval) { 
 

 
    this.timeNow = new Date(); 
 

 
    $interval(function() { 
 
    this.timeNow = new Date(); 
 
    }, 1000); 
 
}; 
 

 
// app-layout.html 
 

 
<div ui-view="" class="main-wrapper"></div>

？ これについての回答はありません。

Answer 1

代わりに 'controllerAs' プロパティを使用してみてください：

angular.module('app').component('appLayout', { 
    templateUrl: 'components/app-layout/app-layout.html', 
    controller: AppController, 
    controllerAs: '$ctrlApp' 
}); 

Answer 2

あなたは、通常のコントローラの構文を使用する場合は、構文としてのコントローラを必要とする場合、それは

angular.module('app').component('appLayout', { 
    templateUrl: 'components/app-layout/app-layout.html', 
    controller: AppController 
}); 

する必要があり、

angular.module('app').component('appLayout', { 
    templateUrl: 'components/app-layout/app-layout.html', 
    controller: 'AppController', 
    controllerAs: '$ctrlApp' 
    });