typescript - Angularjs 2.0 不加载 templateUrl

Question

我是 Angularjs-2.0 的新手。我创建了一个示例应用程序，但在加载 templateUrl 时遇到问题。

我的app.ts 文件:

import {bootstrap, Component} from 'angular2/angular2';
@Component({
    selector: 'my-app',
    templateUrl: 'grid.html'
})
class AppComponent { }
bootstrap(AppComponent);

我改变了像 ./grid.html 这样的路径，但它对我也不起作用。

有人帮我..!

Answer 1

如果你的目录结构是这样的:

|- app
   |- grid.html
   |- component.ts
   myApp.ts

然后使用templateUrl: 'app/grid.html'。

更新

上面的解决方案让我们在每个地方都对 app/ 进行硬编码以包含这些文件。所以这是另一个:

1. 在文件 tsconfig.json 中定义 "module": "commonjs"
2. 向 @Component 装饰器添加一行 moduleId: module.id,。

于是变成了:

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

引用:

• Angular cannot find templateUrl
• Angular2 beta relative paths for templateUrl and styleUrls