アンダークリック時のローダーを削除する4

Question

ngx-loadingというnpmパッケージがあります。私はthis.loading = trueとthis.loading = falseを表示して表示しないように設定する必要があります。問題は私がjavascriptでアラートを使うときに来る。アラートには「ok」と「cancel」が表示されます。 「OK」をクリックすると、ローダーが消えますが、「キャンセル」と「x」をクリックすると表示されます。キャンセルまたは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; 
} 
}