在Angular 4中,可以使用箭头函数(lambda函数)来绑定回调函数中的数据。以下是一个示例:
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
template: `
{{ data }}
`
})
export class ExampleComponent {
data: string;
getData() {
// 模拟异步操作,例如从服务器获取数据
setTimeout(() => {
this.data = '从服务器获取的数据';
}, 2000);
}
}
在上面的代码中,我们创建了一个名为ExampleComponent
的组件。在组件的模板中,有一个按钮和一个段落元素。当点击按钮时,会触发getData
方法。在getData
方法中,我们使用箭头函数来绑定回调函数中的数据。在setTimeout
函数内部,我们将数据赋值给data
属性。由于使用了箭头函数,this
关键字仍然可以引用到组件实例,因此我们可以正确地将数据绑定到模板中的段落元素中。
请注意,这只是一种方法,可以根据实际需求选择其他适合的方法来绑定回调函数中的数据。
下一篇:Angular 4子视图未更新