角度-组件之间共享图像

Question

我正在尝试在标题前显示“ app-title-icon”，但该图标没有出现...

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

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

Answer 1

使用正确的图像路径

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

如果您在控制台中看到此消息，则会request-wrapper.js:229 Cross-Origin Read Blocking (CORB) blocked cross-origin response消息request-wrapper.js:229 Cross-Origin Read Blocking (CORB) blocked cross-origin response警告request-wrapper.js:229 Cross-Origin Read Blocking (CORB) blocked cross-origin response

尝试使用其他URL或本地URL或确切的图像URL，而不是站点URL