javascript - 图像显示取决于参数

Question

有两个参数：（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> 

标签： javascripthtmlangular