使用 TypeScript 创建 AngularJs 控制器

Question

我有 Angular 控制器的 JS 代码，它的开头是这样的：

angular.module('myApp.controllers', [])
    .controller('BookmarksController', function($scope, bookmarkService, crawlerService) {

我想用 TypeScript 重写它。这是我的代码：

class Some {

    constructor($scope, bookmarkService, crawlerService) {} 
}

angular
    .module('myApp.controllers', [])
    .controller('BookmarksController', Some($scope, bookmarkService, crawlerService));

它不起作用：

找不到名称 $scope、bookmarkService、crawlerService

我该如何解决？

Answer 1

最好的方法（嗯，准备好缩小的解决方案）是：

class Some {
    // instruction for IoC
    static $inject = ["$scope", "bookmarkService", "crawlerService"];

    constructor($scope, bookmarkService, crawlerService) {} 
}

angular
    .module('myApp.controllers', [])
    .controller('BookmarksController', Some);

我们在哪里使用 static $inject = [] 数组作为 IoC 名称，即使在缩小后也可以使用。然后我们就注册控制器类

.controller('BookmarksController', Some);

以后 Angular IoC 将正确找出应该作为构造函数参数注入的内容

如果我们会使用一些模块/命名空间

module My.Namespace
{
    class Some {

我们会使用：

.controller('BookmarksController', My.Namespace.Some);