为什么 *ngIF 在 Cordova Angular 中不起作用？

Question

我已经被困了一段时间了。确认 this.progressBarValue 更改为 true。但是没有显示进度条。有人可以提前帮助我吗？

一些组件.html

<div class="progressBar">
  <mat-progress-bar class="fileProgress" mode="indeterminate" *ngIf="progressBarValue">
  </mat-progress-bar>
</div>

一些组件.ts

confirmConversion() {
this.progressBarValue = true;
console.log(this.progressBarValue)
var filepath = this.filePath;
var fileextension = this.settingsExtension;
new Promise((resolve, reject) => {
  window.ConvertMedia(filepath, fileextension, resolve, reject);
}).then((message) => {
  console.log(message);
});}

如果我不调用 Cordova API，它正在工作（显示进度条）。
我也尝试过使用下面给出的一些方法，但没有奏效。

this.zone.run(() => this.progressBarValue = true)
  console.log(this.progressBarValue)

this.changeDetector.detectChanges() & this.changeDetector.markForCheck()

注意：如果我在里面更新 this.progressBar = true 会显示 ProgressBar

.then((message) => {console.log(message);});

Answer 1

我会尝试将 *ngIf 添加到容器 - div 中：

<div class="progressBar" *ngIf="progressBarValue">
  <mat-progress-bar class="fileProgress" mode="indeterminate">
  </mat-progress-bar>
</div>

如果progressBarValue 的默认值为false，则mat-progress-bar 无法正确加载。
如果它有帮助或仍然没有帮助，请写下;)

您还可以添加到您的 html 代码中 例如。 ：

<span> {{progressBarValue}} </span>

跟踪价值并确定它是否在变化