* ngIf условие не оценивается

Question

HTML-код ниже имеет поле ввода даты и неупорядоченный список групп начальной загрузки класса начальной загрузки.Основываясь на переменной шаблона для поля ввода даты HTML, мне нужно загрузить неупорядоченный список.Тем не менее, ul всегда отображается / отображается.что мне не хватает в коде ниже?

<div style="float:left;">
                <input
                  #queryInvoiceDate
                  (change)="filterInvoiceSingleDate(queryInvoiceDate.valueAsDate)"
                  type="date"
                  class="form-control"
                  style="width:100%"
                  placeholder="Enter date:" >
              </div>
              <br><br>
              <!-- <p *ngIf="queryInvoiceDate"><strong>{{filteredTotalRevenue | currency:'USD'}}</strong></p> -->
              <ul *ngIf="queryInvoiceDate" class="list-group">
                  <li class="list-group-item">Service fee deducted: {{filteredServiceAmountTotal | number:'1.1-2' | currency:'USD'}}</li>
                  <li class="list-group-item">Revenue made by Venue: {{filteredVenueRevenueTotal | number:'1.1-2' | currency:'USD'}}</li>
                  <li class="list-group-item">Total Revenue: {{filteredTotalRevenue | number:'1.1-2' | currency:'USD'}}</li>
              </ul>

Answer 1

Я бы вставил что-то в filterInvoiceSingleDate, например dateSelected = true, и использовал бы его в ngIf

html:

<ul *ngIf="dateSelected" class="list-group">

ts:

dateSelected=false
filterInvoiceSingleDate(){
this.dateSelected=true
//your code
}