angularjs - AngularJS、UI-Router、组件、TypeScript

Question

我尝试使用 ui-router 创建一个简单的 angular1 组件，但似乎我无法渲染它，并且控制台中出现 0 错误...

这是代码：

配置文件

module app {
    export class Config {
        constructor(
            $stateProvider: angular.ui.IStateProvider,
            $urlRouterProvider: angular.ui.IUrlRouterProvider,
            $locationProvider: angular.ILocationProvider) {

            $stateProvider.state('home', {
                url: '/Home',
                component: 'home'
            });

            $urlRouterProvider.otherwise('/home');
            $locationProvider.html5Mode(true);
        }
    }

    Config.$inject = ['$stateProvider', '$urlRouterProvider', '$locationProvider'];
}

应用程序.ts

module app {
    var moduleDependencies = [
        'ui.router'
    ];

    angular.module('app', moduleDependencies)
        .config(app.Config)
        .component('home', app.component.home.HomeComponent); // is it required?
}

home.component.ts

module app.component.home {
    class HomeController {

    }

    export class HomeComponent implements angular.IComponentOptions {
        public controller: any;
        public templateUrl: string;

        constructor() {
            this.controller = HomeController;
            this.templateUrl = 'app/main/components/home/home.html';
        };
    }
}

主页.html

<div>test</div>

那么我在使用我的 homecomponent 时做错了什么？