Question

遵循这个问题和解决方案： AngularJS directive not displaying the template

我想尝试使用角度组件和打字稿，但我似乎无法使其正常工作。该组件没有显示。

我的HTML看起来像这样：

<div ng-app="SuperHero">
    <super-man></super-man>
</div>

我的打字稿看起来像这样：

module Application.Components {
    export class superMan implements ng.IComponentOptions {
        template: string = "<h1>Hello from component</h1>";
    }
}

var appModule = angular.module("SuperHero", []);
appModule.component("superMan", () => Application.Components.superMan);

这里有一个小提琴：http://jsfiddle.net/589301uo/2/

Answer 1

组件定义采用配置对象，而不是函数。因此，在您的示例中，您应该使用new Application.Components.superMan()而不是() => Application.Components.superMan。

还要注意组件是以角度1.5添加的，而你的小提琴使用的是旧版本。

Here's工作演示。

angulartypecript组件不显示模板

1 个答案: