我想显示一个处理事件的进度条,所以我使用了带有角度条件*ngIf
的材料进度条。当我单击一个按钮来处理事件时,它一开始并不会显示,但是当我刷新它显示的浏览器时。
<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
,但是如果我在按下按钮后重新加载页面,进度条就会显示出来。我不知道这里发生了什么。有什么帮助吗?
发布于 2017-12-21 00:56:55
将其添加到组件中并尝试
constructor( private cdr: ChangeDetectorRef){
}
scan() {
this.isScanning = true;
this.cdr.detectChanges();
}
发布于 2017-12-20 22:52:38
尝尝这个
在定义ngModel时,在组件中
export class yourTsclassname {
isScanning:any=false;
constructor(private http: Http) { }
https://stackoverflow.com/questions/47918535
复制