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/ 以包含这些文件。所以这是另一个：

在文件 tsconfig.json

"module": "commonjs"

向 @Component 装饰器添加新行 moduleId: module.id,。

所以变成：

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

参考：

Angular2 beta relative paths for templateUrl and styleUrls

Angularjs 2.0 不加载 templateUrl

Angularjs 2.0 doesn't load templateUrl

typescript

angular

更新