时间戳

首页 > 解决方案 > 为什么 ngStyle 背景图像没有加载？

angular - 为什么 ngStyle 背景图像没有加载？

问题描述

我无法显示我的图像。以前是显示的。在我的容器/介绍模板中，我有：

<div mat-card-image class="quiz-topic-image"
      [ngStyle]="{ 'background': 'url(' + quizData?.imageUrl + ') no-repeat center center',
                   'background-size': '95%' }">
    </div>

在我的 quiz.ts 文件中，我有 imageUrl: 'DIDiagram.png',

并且图像在 assets/images/DIDiagram.png

我尝试更改图像的路径，但似乎没有任何效果。请你帮忙。谢谢你。

标签： angularng-style

解决方案

写background（no-repeat和center center用于background财产）而不是background-image

 imageUrl: './../assets/images/DIDiagram.png'

<div mat-card-image class="quiz-topic-image"
      [ngStyle]="{ 'background': 'url(&quot;' + quizData?.imageUrl + '&quot;) no-repeat center center',
                   'background-size': '95%' }">
    </div>

推荐阅读