Angular - 我如何将 Api 中的图像设置为背景图像答案

【问题标题】：Angular - how can i set an image from Api as background imageAngular - 我如何将 Api 中的图像设置为背景图像
【发布时间】：2021-02-01 09:22:05
【问题描述】：

我尝试将从我的 api 获取的图像设置为我的标题中的背景图像。但它不会按预期工作......

这是我的代码：

    <div class="container">
        <div class="header" [ngStyle]="{background: 'url('userProfile.headerImagePath')'}">
        ...

css

.header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 500px;
    min-width: 100%;
    background-color: yellowgreen;
}

【问题讨论】：

检查这个答案。这可能会有所帮助stackoverflow.com/questions/34875426/…

标签： css angular

【解决方案1】：

请使用以下代码。

        <div class="header" [ngStyle]="{background: 'url('+userProfile.headerImagePath+')'}">
        ...

【讨论】：