角度-组件之间共享图像

Question

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>

Answer 1

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;
}

Answer 2

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

Answer 3

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