angular2怎么确保渲染模板时已经取到异步数据呢？

问题描述

问 题

@Component({
    selector: 'home',
    templateUrl: './home.component.html',
    styleUrls: [
        './home.component.scss'
    ]
})
export class HomeComponent implements OnInit{
    userInfo;
    
    constructor(private userService : UserService){

    }

    ngOnInit(){
        this.userService.getUser().then(userInfo => {
            console.info('登录用户信息：', userInfo);
            this.userInfo = userInfo;
        });
    }
}

userInfo返回的是{xzqh: '350524'}，但是渲染模板的时候会报userInfo is undefined，我怎么确保组件渲染时已经取到异步数据userInfo呢？

解决方案

1. 加一个loading的状态，之后在模板里*ngIf这个状态。

2. 在模板里使用userInfo?.name形式。

这篇关于angular2怎么确保渲染模板时已经取到异步数据呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！