Question

我在角度项目中遇到img src问题。经过一些研究，我将我的图像移动到资产文件夹，摆脱了我的错误404消息。当我上传我的背景图片时，它工作正常，但当我尝试将图像添加到我的幻灯片时，它没有显示任何图像，它没有给我任何错误消息。在检查元素后，这是它显示的大小，我不确定这是否是0x0像素的问题

在我的组件文件

中

export class HomepageComponent implements OnInit { 
  backgroundImage: any = '../assets/background_image.jpg';
  body_image1: any = '../assets/body_image1.png'; 
  body_image2: any = '../assets/body_image2.png';

  constructor() { }

  ngOnInit() {
  }
}

component.html文件

<body background="{{backgroundImage}}"> <!-- Works fine -->
<!-- Bottom does not work -->
<div class="body_slideshow" style="max-width:400px">
        <img class="mySlides" src="{{body_image1}}" style="width:88.25%">
        <img class="mySlides" src="{{body_image2}}" style="width:100%">
</div>

Answer 1

.myClass下的css班homepage.component.css有display: none，删除它，它应该可以正常工作。

角度图像源无法正常工作

1 个答案: