Удалить загрузчик в когда нажмите Отмена в угловом 4

Question

У меня есть этот пакет npm под названием ngx-loading. Я должен установить this.loading = true и this.loading = false, чтобы он показывался, а не показывался. Проблема возникает, когда я использую предупреждение в JavaScript. В предупреждении отображаются "ОК" и "Отмена". Когда я нажимаю "ОК", загрузчик исчезает, а если я нажимаю "Отмена" и "Х", он все еще появляется? Как сделать так, чтобы загрузчик исчез при нажатии кнопки "Отмена" или "x"? Вот что я сделал ниже.

TS

onUpdate(form: NgForm) {
  this.loading = true;

  name =  form.value.name,

  if (confirm('Are you sure you want to update?')) {
    this.subscription = this.prodService.update(name)
    .subscribe(
      data => {
       this.loading = false;
       console.log(data); 
     },
     error => {
       this.loading = false;
       console.log(error);
     });
  }
}

Answer 1

Просто добавьте еще условие, когда пользователь нажимает кнопку отмены.

onUpdate(form: NgForm) {
  this.loading = true;

  name =  form.value.name,

  if (confirm('Are you sure you want to update?')) {
    this.subscription = this.prodService.update(name)
    .subscribe(
      data => {
       this.loading = false;
       console.log(data); 
     },
     error => {
       this.loading = false;
       console.log(error);
     });
  } else {
    this.loading = false;
  }
}

Answer 2

Попробуйте ниже:

onUpdate(form: NgForm) {
  this.loading = true;

  name =  form.value.name,
var _confirm = confirm('Are you sure you want to update?');
  if (_confirm ) {
    this.subscription = this.prodService.update(name)
    .subscribe(
      data => {
       this.loading = false;
       console.log(data); 
     },
     error => {
       this.loading = false;
       console.log(error);
     });
  }
else {
 this.loading = false;
}
}