转换为 TypeScript 时，参数 '[controllerName]' 不是 aNaNunction，未定义

Question

TypeScript 入门。我在没有 TypeScript 的情况下也能正常工作，但在转换时出现错误。

我有以下控制器：

"use strict"
module app.blogApp {
    class BaHomeController {
        entries: any[];

        static $inject = ["$http"];

        constructor(
            private $http
        ) {
            this.loadEntries();
        }

        private loadEntries() {
            this.$http.get("api/blogEntries").then(function(response) {
                this.entries = response.data;
            });
        }
    }
}

转译为：

"use strict";
var app;
(function (app) {
    var blogApp;
    (function (blogApp) {
        var BaHomeController = (function () {
            function BaHomeController($http) {
                this.$http = $http;
                this.loadEntries();
            }
            BaHomeController.prototype.loadEntries = function () {
                this.$http.get("api/blogEntries").then(function (response) {
                    this.entries = response.data;
                });
            };
            BaHomeController.$inject = ["$http"];
            return BaHomeController;
        })();
    })(blogApp = app.blogApp || (app.blogApp = {}));
})(app || (app = {}));

通过 HTML 加载：

<section data-ng-controller="BaHomeController as vm"></section>

为什么会产生 Angular 错误：

错误：ng:areq 不好的论点 参数 'BaHomeController' 不是 NaNunction，未定义

我读到这意味着 Angular 可能无法找到控制器。使用这种新语法，如何验证控制器名称是否正确？

PS 什么是 aNaNunction？

Answer 1

您在某处缺少这样的一行（假设您尚未注册该模块）：

angular.module('blogApp', []).controller('BaHomeController', app.blogApp.BaHomeController);