{{test()}}
is evaluated every time Angular runs change detection, which can be quite often.
Binding to function or methods from the view is discouraged. Prefer assigning the result of the method call to a property and bind to this property instead.
@Component({
selector: 'my-app',
template: `<div>Method Call {{someValue}}</div>>`
})
export class AppComponent {
ngOnInit() {
this.test();
}
name = 'Angular';
test() {
this.someValue = "Test is called";
}
}
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…