有两个参数:date_begin
(添加日期)和date_end
(删除日期)。我有一个显示所有用户的列表。每个用户对面都有一个刻度和十字的图标。这些图标应根据参数而有所不同。那些。如果仅填充参数date_begin
,则图标将显示为复选标记。好吧,如果填写date_begin
和date_end
参数,则图标显示为十字形。问题是,目前我的每个用户都有一个十字图标,但并非所有用户都有此选项。如何解决这个问题?
<div class="list-group" >
<div class="media" *ngFor="let user of users">
<a class="list-group-item ">
<h4 class=" media-heading list-group-item-heading"> {{user.full_name}} </h4>
<div class="row">
<div class="col-md-9">
<p class="list-group-item-text">{{user.position}}</p>
</div>
<div class="col-md-3">
<div class="media-left ">
<a *ngIf="(user.date_end$)">
<img class="media-object" src="assets/img/icon/checked.png" title="Uploaded">
</a>
<a *ngIf="!(user.date_end$)">
<img class="media-object" src="assets/img/icon/unchecked.png" title="Removed">
</a>
</div>
</div>
</div>
</a>
</div>
</div>