angular - templateUrl 对我不起作用

Question

我按照 angular.io 入门项目使用种子结构。到目前为止一切正常。

现在我想更改顶部组件以从单独的文件中获取 View ，但我遇到了麻烦。工作代码是:

import {Component, View} from 'angular2/core';
@Component({
       selector: 'my-app',
       template: '<h1>Angular2</h1>',
       directives: []
})
export class AppComponent {
       constructor() {  
       }
}

然后我将模板更改为 templateUrl，如下所示:

templateUrl: 'app.component.html',

我在这个文件中的位置与之前的代码完全相同

<h1>Angular2</h1>

似乎很明显可以工作，但事实并非如此。它不会吐出错误，但除了开始演示中的“正在加载....”消息外，它不会显示任何内容

感谢帮助

彼得

Answer 1

在@Component装饰器中添加moduleId: module.id。如果您没有，那么 Angular 2 将在根级别查找您的文件。

import {Component} from 'angular2/core';

@Component({
  selector: 'my-app',
  moduleId: module.id,
  templateUrl: 'app.component.html'
})

export class AppComponent { }  

检查这个article