Question

我是Angular js 2.0的新手。目前我正在使用一个主要面向学生的网络应用程序。它有社交媒体登录授权。为此，我使用了angular2-social-login软件包。它完美无缺。

我有两页1）主页2）用户仪表板页面。当我点击主页上的登录按钮时，页面将路由到用户仪表板页面。请参阅下面的代码（header.component.ts）

if((data.status == 1) && (data.redirect_url == 'dashboard')){
    this.router.navigate(['/dashboard']);
}

现在app.route.ts中的代码

export const routes:Routes  =   [
   { path:'dashboard',component:UserDashboardComponent,canActivate: [AuthGuard] }, 
]

当用户点击主页上的登录按钮时，页面将路由到用户仪表板页面。用户仪表板页面需要显示学生的一些细节，包括姓名，个人资料图片，地址等。为此，我在user-dashboard.component.ts的ngOnInit（）中调用了一个函数。请参阅下面的代码

this.appService.getDashboardDatas(formdata)
                    .subscribe( (data) =>   {
                         this.dashboardData = data;
                         console.log(this.dashboardData);
                         return this.dashboardData;}

此代码工作正常，但问题是视图页面上没有收到数据（user-dashboard.component.html）。当我控制dashboardData时，我可以看到我需要的所有数据，但是没有绑定到查看页面。如果我刷新页面，我可以在视图页面中看到所有数据。我认为问题是在加载数据视图页面之前是绑定的。我该如何解决这个问题？

在Angularjs 2.0中从服务加载数据之前加载视图

0 个答案: