Angular-示波器中的变量在订阅后未接收信息

Question

我有这件代码从我们自己的服务中订阅：

method getVideo（）

  getVideo() {
    this.watchService.getVideoByVideoString(this.videoId).subscribe(
      (Response) => {
        this.videoData = Response;
        console.log(Response);
      },
      (err) => console.log(err)
    );
  }

ngoninit方法，

  ngOnInit() {

    this.getVideo();
    console.log(this.videoData);
}

但在 this.videodata 时变量我在上面安装了它，它返回为未定义的oo，

我知道这是一个愚蠢的错误，但是有人可以帮我吗？

谢谢

======

更新了

最终

，进行了一些测试，发现我可以操纵功能内部的数据，而不是在ngoninit Final 上操纵它回答变得这样：

  getVideo() {
    this.watchService.getVideoByVideoString(this.videoId).subscribe(
      (Response) => {
        this.videoData = Response;

        if (this.videoData.title == null) {
          this.titleService.setTitle('InternalVideoChannel');
        } else {
          this.titleService.setTitle('InternalVideoChannel - ' + this.videoData.title);
        }
        if (this.videoData.id == 0) {
          console.log('Video doesnt exist on the database');
          this.router.navigate(['/notFound']);
        }
        console.log(Response);
      },
      (err) => console.log(err)
    );
  }

谢谢！

Answer 1

正确的语法是

 getVideo() {
this.watchService.getVideoByVideoString(this.videoId).subscribe(
  (Response) => {
      this.videoData = Response;
      console.log(Response);
      },
  (err) => console.log(err);
);

}

Answer 2

好吧，我认为我需要更多的上下文，情况是，如果您在订阅发生之前具有控制台日志，并且将值分配给变量，则始终将不确定为this.videodata的值。

如果您只想查看是否将值分配给属性。

注意：请注意，由于不从可观察到的不订阅而引起的任何内存泄漏。

编辑：
正如我们可以看到控制台的

ngOnInit():void {
   console.log(this.videoData) <- this will be undefined
   this.getVideo(); // <- async 
   console.log(this.videoData) <- this will be undefined
}

那样这样：

getVideo() {
this.watchService.getVideoByVideoString(this.videoId).subscribe(
  (Response) => {
    this.videoData = Response;
    console.log(Response);
    console.log(this.videoData); // your console.log 
  },
  (err) => console.log(err)
);

问题是可观察的，可观察的行为的实际行为，就像承诺一样，因此，一旦您运行了代码，请在实际分配发生之前运行console.log，如果您想在“存储值”上查看“ this.videodata“属性，您可能具有函数并将该功能绑定到单击事件或类似事件的功能，或者只是在订阅中添加Console.log。

第三次编辑。
好吧，如果您想访问该值，那么我不知道的解决方案；如果您想在应用程序中特定时间点上访问该值。

方法是创建一个函数，您每次要查看该值，也许是超时，也许是在单击事件中取决于您的函数。

logVideoDataValue():void {
   console.log(this.videoData) 
}