简体   繁体   中英

Angular - sharing image between components

I am trying to show the 'app-title-icon' before the Title but the icon does not appear...

https://stackblitz.com/edit/angular-ndwttf

<h1>
  <app-title-icon></app-title-icon>Title
</h1>

use correct image path

Stackblitz

.title-icon {
    content: url(https://images.pexels.com/photos/673865/pexels-photo-673865.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260); 
    height: 20px;
    width: 20px;
}

代码没有错,图像URL有一些问题,也许它没有返回所需的图像,因为当我使用其他图像URL时,它可以正常工作。

If you see in console, you're being warned with message request-wrapper.js:229 Cross-Origin Read Blocking (CORB) blocked cross-origin response

try another URL or local URL or exact image URL not site URL

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM