1
我有一個配置文件組件,通過api調用獲取用戶。用戶不能通過刷新輸入綁定Angular4
ProfileComponent
this.UserSubscription = this.auth.getUser().subscribe(res => {
this.User = res;
})
,我的用戶數據傳遞給孩子
<section class="user-achievements" *ngIf="User">
<achievements [User]="User"></achievements>
</section>
AchievementsComponent
@Component({
selector: 'achievements',
template: `
<ng-container *ngIf="User">
<div *ngFor="let achievement of Achievements">
<h5>Achievment</h5>
<div>Name:</div>
<div>Progress:</div>
</div>
</ng-container>`,
styleUrls: ['./achievements.component.scss']
})
export class AchievementsComponent implements OnInit {
@Input() User;
Achievements;
constructor(
private api: ApiClient,
) {}
ngOnInit() {
console.log('this user', this.User);
this.api.get(`users/${this.User.id}/achievements`)
.subscribe(res => {
this.Achievements = res.content;
});
}
}
在刷新控制檯顯示我的API調用W¯¯作爲用戶未定義。 將數據加載到子組件的正確方法是什麼?
感謝您坐在我旁邊。 – Jason