我是
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之类的路径,但它对我也不起作用.
谁来帮帮我..!
解决方法
如果你的目录结构是这样的:
|- app |- grid.html |- component.ts myApp.ts
然后使用templateUrl:’app / grid.html’.
更新
上面的解决方案使我们硬编码应用程序/在每个地方包含这些文件.所以这是另一个:
>在文件tsconfig.json中定义“module”:“commonjs”
>将新行moduleId:module.id添加到@Component装饰器.
所以它变成:
@Component({ selector: 'my-app',moduleId: module.id,templateUrl: 'grid.html' })
参考:
> Angular cannot find templateUrl
> Angular2 beta relative paths for templateUrl and styleUrls