可通过http请求观察

Question

我在项目中使用了角度6。从静止中获取数据并将数据显示到html中。但是我想使用observable，如果有任何静态数据更改，它将自动反映到前端。你能帮我如何在异步管道中使用可观察的吗？

Answer 1

如下所述在HTML中使用Observable

<selector [property]="rows$ | async"> </selector>

Answer 2

在Angular中，具有GET API调用的基本 Service 类包含以下代码：

constructor(
    private http: HttpClient
  ) { }

  getData() {
    return this.http.get('<Your rest URL>');
  }

在这里，this.http.get()总是会返回一个 Observable ，您可以在组件类中进行订阅，也可以在模板中使用async管道进行分配到观察者

例如：-

说 app.component.ts 文件

  data$: any;

  constructor(
    private yourService: YourService
  ) {
  }

  ngOnInit() {
    this.data$ = this.yourService.getData();
  }

app.component.html

<ng-container *ngFor="let item of data$ | async"> {{item.someKey}} </ng-container>