javascript - Angular2 如何在修改模型数据,视图重新渲染后添加回调函数。类似于 react中的setState方法
怪我咯
怪我咯 2017-04-11 11:10:55
0
0
279

如下代码


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中有没有类似的?

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回覆(0)
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!