如果您想在Angular应用程序中使用绑定的点击事件,并且发现结果没有显示出来,那么可能是因为您忽略了运行变更检测。
首先您需要引入ChangeDetectorRef,然后在触发点击事件的方法中,使用changeDetectorRef.detectChanges()方法。
下面是一个范例:
HTML代码:
TypeScript代码:
import { Component, OnInit, ChangeDetectorRef } from '@angular/core';
@Component({ selector: 'app-test', templateUrl: './test.component.html', styleUrls: ['./test.component.css'] }) export class TestComponent implements OnInit {
value: string = "";
constructor(private changeDetectorRef: ChangeDetectorRef) { }
ngOnInit(): void { }
updateValue() { this.value = "新值"; this.changeDetectorRef.detectChanges(); }
}
在上面的例子中,点击更新值按钮后,我们会更新值到value变量,但是由于没有运行变更检测,导致更新后的值没有显示。因此我们使用changeDetectorRef.detectChanges()方法进行了检测。使用这个方法可以确保变更生效并显示更新后的值。