Angular 9 Синхронизировать рендеринг данных c со значениями, которые я отправил на сервер?

Question

Как рендерить новые данные из резервной копии без обновления представления. Я выполняю пост-вызов того же API, и я хочу, чтобы представление обновлялось новыми значениями, которые я отправил на серверную часть без обновления. Как этого добиться в angular 9?

Answer 1

Вам не нужно обновлять sh представление, чтобы получить новые данные.

В angular у вас есть двусторонняя привязка, которая позволяет изменять представление без обновления sh.

Пример

компонент. html

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

Это означает, что в вашем файле .ts есть переменная publi c с именем age

component.ts (упрощенно)

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

Таким образом, когда api ответит, ваша локальная переменная будет установлена ​​на значение ответа, а angular автоматически обновите html для вас