Question

订阅（）返回未定义

2018-07-10

4898

angular typescript asynchronous observable subscribe

我无法在 subscribe() 之外使用 subscribe() 的结果，console.log 总是返回未定义。我猜想这与异步有关，但我不知道如何解决这个问题。我应该改用 promise 吗？

export class MyComponent implements OnInit {
    textt: String;

    constructor(private tstService: MyComponentService) { this.source = new LocalDataSource(this.data) }

    ngOnInit(): void {
        this.tstService.getTstWithObservable()
        .map(result => result.map(i => i.user.data))
        .subscribe(
           res => { this.textt = res[0].title; }
       );
    }

    data = [
        {
          title: this.textt,
          sdate: '01/04/1990',
          edate: '30/09/1990',
        },
      ];

    source: LocalDataSource;
}

Answer 1

你说得对，问题在于 subscribe 是异步工作的。 data.title 未在创建时设置，因为 this.textt 未在创建组件时设置，它将在另一个（未知）时间设置。

更新您的 data 属性。您可以在订阅中创建它，也可以简单地在其中设置 title 。

ngOnInit(): void {
    this.tstService.getTstWithObservable()
    .map(result => result.map(i => i.user.data))
    .subscribe(
       res => { 
           this.textt = res[0].title; 
           this.data.title = this.textt;
       }
   );
}