view - templateUrl 和 styleUrls 的 Angular2 相对路径？

Question

在搜索时我发现了一个名为 moduleId 的东西来设置模板和 CSS 文件的相对路径，但我不知道如何在我们的组件中使用 moduleId angular2的？

实际上，问题出在我的文件夹结构中。我正在从 dist 文件夹加载所有 .js 文件，而我的 View (.html 文件)在 src 中文件夹。因此，当我像这样使用 moduleId: module.id 时， Angular 从 dist 文件夹而不是 src 文件夹中获取路径。

所以这里的任何人都可以帮助我告诉我如何为我的组件 angualr2 设置自定义 moduleId？

我的文件夹结构是这样的。

                                  App
                                  /\
                                 /  \
             (.js + .map files)Dist    Src(.ts + .html + .css files)

• 文件夹 Dist 包含所有 .map 和 .js 文件
• 文件夹 src 包含所有 .ts、.HTML 和 .css 文件。

实际编码(工作)-

@Component({
    selector: 'class-timing',
    templateUrl: 'src/components/TimeTable/class-timing/class-timing.html',
    styleUrls: ['src/app.css']
})

修改后的代码(由于路径不正确而无法正常工作)-

@Component({
    selector: 'class-timing',
    templateUrl: 'class-timing.html',
    moduleId: module.id,
    styleUrls: ['src/app.css']
})

引用本教程 http://schwarty.com/2015/12/22/angular2-relative-paths-for-templateurl-and-styleurls/

Answer 1

通过在运行时更改导入文件的路径(从 src 到 dist)解决了我的问题:-

moduleId: module.id.replace("/dist/", "/src/")

通过这样做，您可以更改模块 ID 的路径目录。

感谢@Nicolai 为此 awesome comment

PS:- 发布为答案可能对某人有帮助