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

如下代码


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)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号