Angular 任何一个帮助都可以键入'；可观察<；细节>'；是否缺少以下问题？

我得到的类型“Observable”缺少类型“Detail”中的以下属性：info，在该代码中执行时的结果， 有人能帮我解决这个问题吗 我想要的是显示我从api获得的数据 api中的数据如下所示

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

---

ukmdetail是可观察的，因为getUkmByKode方法是一个http调用，它返回一个可观察的，将其更改为

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

公共ukmdetail：可见；

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

public ukmdetail: Observable<Detail>;

{（ukmdetail|async）？.info}

---

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

您需要订阅Observable

因此，将您的ngOnInit更改为以下内容：

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

---

您需要订阅返回的observable，然后将收到的响应分配给变量ukmdetail：

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

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

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

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