2017-01-23 73 views
1

如何创建使用同一文件夹中资源的组件?例如,我希望将背景图像存储在组件文件夹中,然后能够在不同的模块中使用该组件。Angular2相对于组件的图像

谢谢。

回答

0

任何Resource像image \ font来自相对于您的应用程序URL的路径,如果您要配置服务器以便可以访问组件文件夹并从中提供资源,那么您可以很好地保留组件中的图像文件夹并使用它,你只需要给你正确的路径遍历你的项目文件夹到你的图像。

说了这不是一个好的做法,如果你移动你的组件,也可能会导致问题,通常也不是一个好主意,将所有文件夹公开到外部世界。你可以做的是有一个资产文件夹,你可以保存图像并使其可用。

希望这有助于!

+0

是的,我有一个资产文件夹。我使用常规的angular-cli项目结构。我只想导出一个独立使用的组件,并拥有自己的背景图片。这是我将在不同项目中使用的第三方组件。 – csm86

+0

@ csm86:您也可以将组件传递给资产,但您必须将它们复制到项目资产文件夹中,至少现在不支持直接从导入的库中包含资产检查此[SO问题](http: //stackoverflow.com/questions/41555624/how-to-include-assets-from-node-modules-in-angular-cli-project)。另请查看[功能请求](https://github.com/angular/angular-cli/issues/3555)。 –