const template = `
<p (click)="onClick($event)" (hover)="onHover($event)">
{{content}}
</p>
`;
@Component({
selector: 'some-component',
template: template
})
class ActionSet{
content: string = 'hello';
constructor(private renderer: Renderer) {}
onClick(e) {
this.content = 'hello word';
}
onHover(e) {
console.log('sssssss');
}
ngAfterViewChecked() {
// do ...
}
}
我如何在this.content = 'hello world'
之后,添加一个callback,让callback在视图渲染后
执行。
现在知道的办法有, 使用ngAfterViewChecked
接口,但是这个接口会监控所有在视图上的改变, 但是我只想在click的时候调用callback,虽然用 if else 可以做到,但是这样不太好吧。在react中有 setState,可以在渲染后调用
setState({content: 'hello world'}, ()=>{
// do something...
})
那么angular2中有没有类似的?
走同样的路,发现不同的人生