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

在文件"module": "commonjs"

tsconfig.json

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

所以它变成了：

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

参考：

Angularjs 2.0不会加载templateUrl

1 个答案:

更新