我只想提交一个输入,但 angular 不会更新 html 组件上的列表。我正在使用 Web Api 作为后端。
服务:
getRanks(): Observable<Rank[]> {
return this.http.get<Rank[]>(this.rankUrl);
}
组件.ts:
ngOnInit() {
this.getRanks();
}
newRank: any = {};
saveRank(rank: Rank) {
this.rankService.addRank(rank).subscribe();
}
getRanks(): void {
this.rankService.getRanks()
.subscribe(
ranks => {
this.ranks = ranks;
});
}
组件.html:
<div class="col-md-6 text-center">
<input [(ngModel)]="newRank.Name">
<button (click)="saveRank(newRank)">Save</button>
</div>
<div *ngFor="let rank of ranks"> {{rank.Name}}
</div>
我尽可能多地从原始代码中剥离了代码,但它的行为仍然相同。我还评论了与 post 和 get 方法无关的所有内容。
我检查了其他答案并尝试使用 zone 和 changeDetection: ChangeDetectionStrategy.Default
如果我刷新页面,它就会显示出来,所以它提交到数据库中,但提交后不显示。
有任何想法吗?我应该提供任何其他信息吗?
谢谢
您应该像这样在订阅成功函数中调用 getRanks() 函数:
saveRank(rank: Rank) {
this.rankService.addRank(rank)
.subscribe(_ => this.getRanks());
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句