view – templateUrl和styleUrls的Angular2相对路径?
发布时间:2020-12-17 17:01:27 所属栏目:安全 来源:网络整理
导读:在搜索时我找到了一个名为moduleId的东西来设置模板和CSS文件的相对路径,但我不知道如何在angular2的组件中使用moduleId? 实际上,问题出在我的文件夹结构中.我从dist文件夹加载我的所有.js文件,而我的视图(.html文件)在src文件夹中.所以当我使用moduleId:m
在搜索时我找到了一个名为moduleId的东西来设置模板和CSS文件的相对路径,但我不知道如何在angular2的组件中使用moduleId?
实际上,问题出在我的文件夹结构中.我从dist文件夹加载我的所有.js文件,而我的视图(.html文件)在src文件夹中.所以当我使用moduleId:module.id时,这个angular从dist文件夹中获取路径,而不是src文件夹. 所以这里有人帮我告诉我如何为我的组件angualr2设置自定义moduleId? 我的文件夹结构是这样的. App / / (.js + .map files)Dist Src(.ts + .html + .css files) > Folder Dist包含所有.map和.js文件 实际编码(工作) – @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'] }) 参考本教程 解决方法
通过在运行时更改导入文件的路径(从src到dist)解决了我的问题,如下所示: –
moduleId: module.id.replace("/dist/","/src/") 通过这样做,您可以更改模块ID的路径目录. 感谢@Nicolai为这个awesome comment PS: – 发布答案可能对某人有所帮助 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐
- angular ngrx store error无法读取undefined的属
- typescript – Angular2 viewmodel中的布尔值不更
- angularjs – Angular Jasmine测试函数调用然后
- Bootstrap简单HelloWorld入门教程
- 如何使用scala-maven-plugin在scaladoc中记录私有
- YouCompleteMe不可用:需要Vim 7.4.143
- twitter-bootstrap – Laravel在模态窗口中打开一
- angularjs – ng-maxlength不适用于变量
- Bootstrap模板
- 在Equinox OSGi shell中使用install命令安装bund
热点阅读