Angular2 IMG路径

我有问题，我的应用程序中插入图片：Angular2 IMG路径

目前我有这样的：

<div class="col-lg-4 col-md-4 col-sm-6 col-xs-6" routerLinkActive="active"> 
    <a [routerLink]="['/']"> 
    <img src="billing.png">Payroll Center 
    </a> 
    </div>

我的图像存储在SRC /应用/图像/ billing.png

我想从admin.component.html中调用它，它存储在： src/app/administration

来源

2016-08-16 Velimir Lazarevic

是你的问题，该图像未发布dist？或者你的图片路径错了，应该是''？ – Delosdos

它没有发布，我尝试了所有可能的路线到img –

好吧 - 好吧，要么你想将你的图像移动到你的SRC文件夹之外，并进入你的发布/ dist文件夹。或者您需要将图像复制器添加到您的构建过程中。 – Delosdos

假定您将图像发布到具有相同结构的dist文件夹作为你的来源，那么这样的事情应该工作：

<div class="col-lg-4 col-md-4 col-sm-6 col-xs-6" routerLinkActive="active"> 
    <a [routerLink]="['/']"> 
     <img src="/app/images/billing.png">Payroll Center 
    </a> 
</div>

来源

2016-08-16 12:51:13 Delosdos

工作，谢谢！我认为我可以像在html中一样调用它。 –

非常好，很高兴听到;） – Delosdos

Angular2 IMG路径

回答

相关问题