Javascript angularjs 1.6.6组件控制器未注册错误，如何修复此问题？

我使用的是angularjs 1.6.6，使用的是gulp

这是我当前的代码。
e、 g:应用布局组件

///app-layout.component.js
角度.module（'app'）。组件（'appLayout'{
templateUrl:'components/app layout/app layout.html'，
控制器：“AppController作为$ctrlApp”
});
///app-layout.controller.js
函数AppController（$rootScope，$interval）{
this.timeNow=新日期（）；
$interval（函数（）{
this.timeNow=新日期（）；
}, 1000);
};
//app-layout.html

尝试改用“controllerAs”属性：

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

---

尝试改用“controllerAs”属性：

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

---

如果您想使用普通的控制器语法，它应该是

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'
  });

---

如果您想使用普通的控制器语法，它应该是

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'
  });

---

好的，您可以这样写，也可以使用

.controller

注册控制器。我认为这种方式更可取。对，您要么用这种方式编写，要么用

.controller

注册控制器。我认为这样比较好。