Question

我想显示处理事件的进度条，所以我使用了角度条件为*ngIf的材质进度条。当我点击一个按钮来处理事件但是当我刷新它显示的浏览器时，它首先没有显示。

HTML

<button type="button" class="btn btn-danger pull-right"
   (click)="scan()">CLICK
</button>

<div *ngIf="isScanning" class="mdl-progress mdl-js-progress mdl-progress__indeterminate"></div>

ts档

scan() {
        this.isScanning = true;
    }

我遇到的问题是进度条正在运行，但是它没有使用*ngIf但是如果我按下按钮后重新加载页面，则会显示进度条。我无法弄清楚在这里讨价还价的是什么。有帮助吗？

Answer 1

将此添加到您的组件中并尝试

constructor( private cdr: ChangeDetectorRef){
}

scan() {
        this.isScanning = true;
       this.cdr.detectChanges();
    }

Answer 2

试试这个

在定义ngModel

时在组件中

export class yourTsclassname {
   
isScanning:any=false;

    constructor(private http: Http) { }

材料进度条不适用于* ngIf

2 个答案: