时间戳

首页 > 解决方案 > 从管道将图像插入“背景图像”

javascript - 从管道将图像插入“背景图像”

问题描述

我的 html 文档中有以下代码：

<div *ngFor="let search of this.mySearches; let i = index" class="col-sm-6 col-xs-12">
                  <div class="box">
                    <div class="image img-search-rounded">
                      <img [src]="search.postPath | imagenpost: search.generic_category: search.postImg[0]" alt="image" title="image" id="img-rounded" class="img-responsive img-rounded">
                    </div>
                    <div class="pull-left">
                      <h4>{{search.generic_category}}<i class="la la-angle-double-right"></i>{{search.generic_type}}</h4>
                      <p><i class="la la-map-marker"></i>{{search.generic_city}}</p>
                      <p><i class="la la-clock-o"></i> {{search.date | date:'medium'}}</p>
                      <p><i class="la la-circle"></i> Get email notifications</p>
                    </div>
                    <div class="pull-right">
                      <button type="button" [routerLink]="search.url">View</button>
                      <button type="button" (click)="removeMySearch(search._id)">Delete</button>
                    </div>
                  </div>
                </div>

但我得到了这个而不是图像：

错误图像

我该如何渲染图像？

标签： javascriptangular

解决方案

目前尚不清楚您要做什么。似乎您正在尝试使用三元运算符进行 OR，但您缺少 else 部分。

条件应该类似于

<div [ngStyle]="{'background-color':person.country === 'UK' ? 'green'
> : 'red' }"></<div>

在此处阅读有关示例的更多信息

推荐阅读