Angular - 2: Получение другого значения в html и введите Script

Question

Я получаю два разных значения для одной и той же переменной в HTML и TS (когда я консоль)

код

 hideAmountModal() {
    var self = this;
    self.home_delivery_charge = self.storeService.fetchHomedeliveryData(self.shopId);
    self.home_delivery_charge.subscribe((res: any) => {
      for (var i = 0; i < res.length; i++) {
        if (parseInt(self.deliveryData.delivery_charge) > parseInt(res[i].amount)) {
          self.check_delivery_charge = true;
          console.log('Deliverycharge',self.deliveryData.delivery_charge,'result',res[i].amount);
          console.log('deliver charge is greater',self.check_delivery_charge);
        }
        else if (parseInt(self.deliveryData.delivery_charge) < parseInt(res[i].amount)){
            self.check_delivery_charge = false;
            console.log('Deliverycharge',self.deliveryData.delivery_charge,'result',res[i].amount);
            console.log('deliver charge is greater',self.check_delivery_charge);
        }
      }
    })
    self.DeliveryChargeValue = true
    self.selectAmountModal.hide();
  }

соответствующий HTML

 <li *ngFor ="let home_charges of home_charge;let in= index;trackBy:trackByIndex;">
                <div [class.dull]="check_delivery_charge">
                     <div *ngIf="home_charges.edited == 0"><input type="text" class="d-charge" value=""></div>
                     <div *ngIf="home_charges.edited == 1"><input type="text" class="d-charge" [(ngModel)]="home_charge[in]['delivery_charge']" [ngModelOptions]="{standalone: true}"  ></div>
                     <span *ngIf="home_charges.range == 0">&euro; order less than {{home_charges.amount}}&euro;</span>
                     <span *ngIf="home_charges.range == 1">&euro; order above  {{home_charges.amount}}&euro;</span>
                     <!-- <span class="rem" *ngIf="home_charges.edited == 0">(Recommend {{home_charges.delivery_charge | number : '1.1-3'}}&euro;)</span> -->
                     <span class="rem" *ngIf="home_charges.edited == 0">(Recommend {{home_charges.delivery_charge}}&euro;)</span>
                          "Check Delivery Charge : {{check_delivery_charge}}
                </div>
              </li>

У меня есть консоль и результат HTML ниже, в чем может быть причина,

как вы можете видеть, в консоли это true, true, true, false, но в результате все ложь (если какая-либо более необходимая информация может быть предоставлена)