typescript – Angularjs 2.0不加载templateUrl

前端之家收集整理的这篇文章主要介绍了typescript – Angularjs 2.0不加载templateUrl前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是 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

猜你在找的Angularjs相关文章