图像显示取决于参数

时间:2018-06-09 03:43:18

标签: javascript html angular

有两个参数:date_begin(添加日期)和date_end(删除日期)。我有一个显示所有用户的列表。每个用户对面都有一个刻度和十字的图标。这些图标应根据参数而有所不同。那些。如果仅填充参数date_begin,则图标将显示为复选标记。好吧,如果填写date_begindate_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> 

0 个答案:

没有答案