Angular4导入带有图像的外部组件

时间:2017-07-14 15:25:22

标签: angular webpack gulp

我正在尝试从github上的另一个项目导入(我拥有)将my_components导入我的项目(cool_app)。 my_components中的一个组件,my_navbar在其HTML模板中使用了一个图像,例如:

<img src="../../assets/images/my_logo.png" />

当我在cool_app中使用此组件时,找不到并打包图像:

<my_navbar></my_navbar>

代码有效,但在浏览器中找不到图像(../../assets/images/my_logo.png)。关于如何让cool_app能够将组件与其图像URL一起使用并让my_components独立编译和运行的任何想法?我想我可以在角度配置中设置一些东西,或者以某种方式在组件中调整我的路径。

2 个答案:

答案 0 :(得分:0)

 <img id="image" src="http://img01.ibnlive.in/ibnlive/uploads/875x584/jpg/2015/09/new-google-logo-010915.png" class="img-responsive"/>

答案 1 :(得分:0)

你应该写:

assets/myimage.jpg
or
./assets/myimage.jpg