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. "module": "commonjs"在文件中定义tsconfig.json
2. moduleId: module.id,在@Component装饰器中添加一个新行.

所以它变成:

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

参考:

• Angular找不到templateUrl
• templateUrl和styleUrls的Angular2 beta相对路径