Angular 9 渲染数据与我发布到后端的值同步？

【问题标题】：Angular 9 Render data in sync in view with the values I posted to the back-end?Angular 9 渲染数据与我发布到后端的值同步？
【发布时间】：2020-07-08 17:19:37
【问题描述】：

如何在不刷新视图的情况下从后台渲染新数据。我正在对同一个 API 进行后调用，并且我希望视图使用我发布到后端的新值进行更新，而无需刷新。如何在 Angular 9 中实现这一点？

【问题讨论】：

如果你分配了你在视图中引用的公共变量，它会被 Angular 自动更新。也许您可以分享一个最小的例子，解释什么不清楚或什么不起作用。

标签： angular rxjs observable angular9

【解决方案1】：

您无需刷新视图即可获取新数据。

在 Angular 中，您有双向绑定，无需刷新即可修改视图。

例子

component.html

<div>Your age is {{age}}</div>

这意味着在您的 .ts 文件中，您有一个名为 age 的公共变量

component.ts（简体）

private age:number=0;
     
public increaseAge(){
   http.post("age",number+1).toPromise().then((val)=>{
     this.number=val;
   })
}

这样，当 api 响应时，您的本地变量将设置为 response 的值，并且 angular 会自动为您更新 html

【讨论】：