订阅不是 Angular 的函数

debugcn 发表于 Dev

德克斯特的网络实验室

我正在尝试在订阅时返回该值，我也得到了该值，但也得到了错误

** 内部服务 **

getColumnValueg(): Observable<any>
{  console.log("service",this.colValueg);
   return (this.colValueg);
}

** ** 表单组件

ngOnInit()
{
  // perform the task of sending and receiving value.
  console.log("inint form-lib component",this.UserFormArray);

  this.UserFormArray = this.service.getFormDetails();

  this.service.getColumnValueg().subscribe(data => this.g1 = data);
  this.service.getColumnValueg().subscribe(data => this.lg1 = data);
  this.service.getColumnValueg().subscribe(data => this.md1 = data);

  console.log('userformarray',this.UserFormArray);
  console.log(this.g1,this.lg1,this.md1);
}

但是在我从按钮单击事件调用这些服务方法之后数据没有被调用，然后它显示了值。我收到错误订阅不是一个功能。我尝试使用的，从它不工作。我试图在页面加载时获取值，但我无法在页面加载时获取数据

已编辑
问题已解决，但提出的下一个问题是我无法在 nginit 上获取值

苏尼尔·辛格

更改返回的方法 `Observable`

getColumnValueg(): Observable<any>
{  console.log("service",this.colValueg);
   return Observable.of(this.colValueg);
}

或者

getColumnValueg(): Observable<any>
{  console.log("service",this.colValueg);
   return of(this.colValueg);
}

OnInit 的变化

   ngOnInit()
    {
      // perform the task of sending and receiving value.
      console.log("inint form-lib component",this.UserFormArray);

      this.UserFormArray = this.service.getFormDetails();

      this.service.getColumnValueg().subscribe(data => {
          console.log(" ColumnValue data " , data);
      });

      console.log('userformarray',this.UserFormArray);
      console.log(this.g1,this.lg1,this.md1);
    }

演示链接在这里 - https://stackblitz.com/edit/angular-srabjg

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。