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

如下代码


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 학습자의 빠른 성장을 도와주세요!