html 带有if条件的ngClass

Posted 2021-05-10

<span class="badge" [ngClass]="{
                        'badge-success': ticket.status === 'new',
                        'badge-warning': ticket.status === 'in progress',
                        'badge-danger': ticket.status === 'reopened',
                        'badge-success': ticket.status === 'resolved'                        
                    }">{{ ticket.status|titlecase }}</span>