任何人都可以帮助 Type 'Observable<Detail>' 缺少以下问题吗？

Question

  public ukmdetail: Detail = null

  constructor(
    private ukmserv: UkmService,
    public activatedRoute: ActivatedRoute
  ) { }

  ngOnInit() {
    this.activatedRoute.params.subscribe(params => {
      this.ukmdetail = this.ukmserv.getUkmByKode(params.kode)
    })
  }

  getUkmByKode(kode: string): Observable<Detail>{
    return this.http.get<Detail>(`${this.urlApi}/api/ukm/${kode}`);
  }

export interface Detail{
    info: string;
    result: {
        id: number,
        kode: string,
        nama: string,
        anggota: string,
        foto: string,
        deskripsi: string,
        created_at: string,
        updated_at: string,
    };
}

我得到类型 'Observable' 缺少类型 'Detail' 的以下属性：信息，执行该代码时的结果，有人可以帮我解决这个问题吗我想要的是显示我从 api 获得的数据 api里面的数据是这样的

{"info":"This Info","result":{"id":2,"kode":"OL002","nama":"asd","anggota":12,"foto":"somelink","deskripsi":"somedesc","created_at":1573898337807,"updated_at":1573898337807

Answer 1

ukmdetail 是一个 Observable，因为 getUkmByKode 方法是一个 http 调用，它 returns 是一个 Observable，将其更改为

public ukmdetail: Observable<Detail>;

然后在您的模板中您可以使用异步管道

<span>{{(ukmdetail | async)?.info}}</span>

async 可以自动取消订阅，因此您不必手动执行。

Answer 2

您需要订阅 Observables。

所以把你的 ngOnInit 改成这样：

  ngOnInit() {
    this.activatedRoute.params.subscribe(params => {
      this.ukmserv.getUkmByKode(params.kode).subscribe(
        detail => this.ukmdetail = detail
      );
    })
  }

Answer 3

您需要订阅返回的可观察对象，然后将收到的响应分配给您的变量 ukmdetail：

ngOnInit() {
        this.activatedRoute.params.subscribe(params => {
          this.ukmserv.getUkmByKode(params.kode).subscribe(
              resp => {
              this.ukmdetail = resp ;
           })
        })
      }

任何人都可以帮助 Type 'Observable<Detail>' 缺少以下问题吗？

Can any one help Type 'Observable<Detail>' is missing the folowing problem?

angular

angular-cli

angular-http