Почему angular2 ngIf не работает в HTML файле?

Question

Я работаю над своим проектом и устанавливаю флаг из файла .ts, но он не скрывает тег <div> несмотря на правильное значение.

Файл HTML:

<div *ngIf="this.isPickupOrderAvaliable">
    <button 
    class="btn btn-primary pickup-order-button"
    data-toggle="modal"
    data-target="#pickupOrderModal">! PickupOrderButton !</button>
</div>

{{this.isPickupOrderAvaliable}}

файл .ts, который вызывается после

submitPickupOrder() {
  if (this.pickupOrderForm.invalid) {
    console.log('this.form is invalid');
  }

this.http.post(`${appConfig.HostUrl}dashboardservice/PickupOrder/`, 
  this.pickupOrderForm.getRawValue()).subscribe((x: any) => {
    this.isPickupOrderAvaliable = x._body;
    console.log(`this.isPickupOrderAvaliable: ${this.isPickupOrderAvaliable}`);
});
}

На изображении ниже значение false показывает значение this.isPickupOrderAvaliable, но кнопка все еще видна.

Вы знаете, где я допустил ошибку в этом коде?

Answer 1

Попробуйте напечатать значение x._body и проверьте, является ли оно истинным или ложным. Если это правда, кнопка будет отображаться, и если ее ложная кнопка будет скрыта. Установите значение по умолчанию false в файле ts