为什么 ngStyle 背景图片没有加载？

Question

我无法显示我的图像。之前是显示的。在我的 containers/introduction 模板中，我有：

<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

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

Answer 1

写 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>

为什么 ngStyle 背景图片没有加载？

Why is ngStyle background-image not loading?

ng-style

angular