javascript - 未捕获错误 : [ng:areq] Argument 'fn' is not a function, 未定义

Question

您好，我正在尝试使用 Typescript 构建我的第一个 Angular 应用程序，但我似乎无法正确绑定(bind) Controller 。

这是我的 typescript 代码:

module App {
   var modules: string[] = ["App.Person"];
   angular.module('App', modules)
          .run([]);
} 

module App.Person {
   angular.module('App.Person', []);
}

module App.Person {
    angular.module("App.Person")
           .controller('PersonCtrl', PersonCtrl);

    interface IPersonScope extends ng.IScope {
        fullName: string;
    }

    class PersonCtrl{
        public $scope: IPersonScope;

        static $inject = ['$scope'];
        constructor($scope: IPersonScope) {
            this.$scope = $scope;
            this.init();            
        }
        init() : void  {
            this.$scope.fullName = 'Justin S.';
        } 
    }
}

这是我的观点:

 <article ng-app="App">
    <section ng-controller="PersonCtrl">
        <p ng-bind="fullName"></p>
    </section>
</article>

我收到以下错误:

Uncaught Error: [ng:areq] Argument 'fn' is not a function, got undefined

我该如何解决这个问题？

Answer 1

您很可能错过了在布局页面中包含 Controller js 文件(例如:<script src='path/angularController.js'></script>)。如果没问题，请仔细检查您的 html 中是否有多个 ng-app。