注册控制器问题Angular 1.6.4

Question

我正在使用Angular 1.6.4，我似乎无法使HeaderController工作。此HeaderController将显示导航栏。我没有在HTML中正确调用它吗？我的其他组件工作，因为我使用路由模板调用它。任何帮助或建议都会很棒！

以下是错误消息：

  

错误：[$ controller：ctrlreg]具有名称的控制器   ＆＃39; headerController＆＃39;没有注册。

这是我的HeaderComponent.js

module.exports = function (app) {
    app.component('headerController', {
        templateUrl: 'Content/app/components/layout/Header.html',
        controller: HeaderController
    })

    function HeaderController() {

    }
}

以下是我在body元素中调用控制器的方法：

<div ng-controller="headerController"></div>