基本的文件结构误解

Question

所以，我有一个app文件夹，其中包含我的组件及其底层模板。我的问题是，在组件中的一个字符串中，我在@Component装饰器中指定了我的模板的位置，例如。

@Component({
    selector: "add-site-view",
    templateUrl:"app/add-site.template.html"
})

，为什么我需要明确指定＆＃34; app / template.html＆＃34;并且不能使用＆＃34; ./"而不是＆＃34; app /＆＃34;？

Answer 1

@Component网址（templateUrl和styleUrls）相对于index.html解析，而不是.ts文件。 这就是为什么你必须指定完整路径（从index.html开始）。

您可以使用https://github.com/angular/angular-cli

上的官方angular-cli

他们使用Webpack，基本上@Component网址与.ts文件相关，如果这是你需要的。