Angular中的async管道没有订阅Observable数据流
创始人
2024-10-31 02:30:17
0

要确保Angular的async管道能够正确地订阅Observable数据流,可以使用Observable的pipe方法来建立管道,而不是在组件中手动订阅Observable。例如:

在组件中:

import { Component } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { ApiService } from './api.service';

@Component({
  selector: 'app-root',
  template: '{{ data$ | async }}'
})
export class AppComponent {
  data$: Observable;

  constructor(private apiService: ApiService) {}

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

在API服务中:

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';

@Injectable()
export class ApiService {
  constructor(private http: HttpClient) {}

  getData(): Observable {
    return this.http.get('https://example.com/data');
  }
}

这样,使用async管道时,Angular会在视图中自动订阅数据流,并在数据更新时自动更新视图。

相关内容

热门资讯

科普常识(微扑克后台)外挂透明... 科普常识(微扑克后台)外挂透明挂辅助机制(辅助挂)透视辅助(有挂实锤)-哔哩哔哩;是一款可以让一直输...
指导大家(wpk稳定)外挂透明... 1、指导大家(wpk稳定)外挂透明挂辅助工具(辅助挂)辅助透视(有挂神器)-哔哩哔哩2、进入游戏-大...
玩家爆料(wpkplus)外挂... 玩家爆料(wpkplus)外挂透明挂辅助插件(透视)原来是真的有挂(2022已更新)(哔哩哔哩);亲...
揭秘一下!pokermaste... WePoke高级策略深度解析‌;揭秘一下!pokermaster外挂(wePokE)外挂透明挂辅助软...
一分钟秒懂(微扑克软件)外挂透... 这是一款非常优秀的微扑克软件 ia辅助检测软件,能够让你了解到微扑克软件中牌率当中全部隐藏参数,与同...
重大通报(pokerrrr2俱... 重大通报(pokerrrr2俱乐部)外挂透明挂辅助APP(透视)发牌规律(详细教程)-哔哩哔哩;支持...
科普分享!Wepoke针对(W... 科普分享!Wepoke针对(WEpoke)外挂透明挂辅助app(透视)科技教程(有挂详细)-哔哩哔哩...
2分钟细说(wpk胜率)外挂透... 2分钟细说(wpk胜率)外挂透明挂辅助APP(辅助挂)的确是真的有挂(2022已更新)(哔哩哔哩);...
安装程序教程(aa扑克模拟器)... 安装程序教程(aa扑克模拟器)外挂透明挂辅助插件(辅助挂)软件透明挂(有挂教程)-哔哩哔哩;aa扑克...
实测分享(Wepoke漏洞)外... 实测分享(Wepoke漏洞)外挂透明挂辅助器安装(辅助挂)透视辅助(有挂头条)-哔哩哔哩;(需添加指...