Angular订阅对象无法转换成可观察对象(Angularsubscriptionisnotassignabletoobservable)
创始人
2024-10-24 12:33:25
0

先给出代码示例,然后说明原因和解决方法。

代码示例:

import { Component } from '@angular/core';
import { interval, Observable } from 'rxjs';

@Component({
  selector: 'app-root',
  template: `
    

Number: {{ number }}

`, }) export class AppComponent { number: Observable; constructor() { this.number = interval(1000); } ngOnInit() { this.number.subscribe(val => { console.log(val); }); } }

以上代码中,变量number类型被声明为一个Observable,但是在构造函数中,使用的是interval(1000)创建了一个Observable,并将其赋值给了number变量。在ngOnInit()中,我们使用了number.subscribe()订阅了这个可观察对象。

但是,当我们尝试编译这个组件时,会收到以下错误消息:

Type 'Subscription' is not assignable to type 'Observable'.
Property '_isScalar' is missing in type 'Subscription'.

这是因为this.number被赋值为了一个订阅对象,而不是一个可观察对象。订阅对象是Observable.subscribe()方法的返回值,它表示已经订阅该可观察对象的订阅者。

因此,我们应该将interval(1000)的返回值直接声明为number变量的类型,从而避免使用订阅对象而导致的类型不匹配错误:

import { Component } from '@angular/core';
import { interval, Observable } from 'rxjs';

@Component({
  selector: 'app-root',
  template: `
    

Number: {{ number }}

`, }) export class AppComponent { number: number; constructor() { this.number = interval(1000); } ngOnInit() { interval(

相关内容

热门资讯

分辨真假!微信闲来神器软件下载... 分辨真假!微信闲来神器软件下载,陕西三代实战技巧,详细脚本(有挂秘诀)1、微信闲来神器软件下载破解器...
教学盘点!崇阳斗棋辅助脚本视频... 教学盘点!崇阳斗棋辅助脚本视频,闽游互动辅助器,详细挂(有挂方针)1、每一步都需要思考,不同水平的挑...
大家学习交流!凑一桌开挂,杭州... 大家学习交流!凑一桌开挂,杭州都莱辅助软件下载,详细神器(有挂教学)1、杭州都莱辅助软件下载辅助软件...
终于懂了!家乡大贰小程序靠谱吗... 终于懂了!家乡大贰小程序靠谱吗,科乐天天踢解码器,详细软件(真的有挂)进入游戏-大厅左侧-新手福利-...
一分钟秒懂!三哥玩辅助,丽水都... 一分钟秒懂!三哥玩辅助,丽水都莱脚本辅助,详细攻略(有挂技术)运丽水都莱脚本辅助辅助工具,进入游戏界...
总算了解!小唐家乐园山西辅助软... 总算了解!小唐家乐园山西辅助软件,闽游app辅助器可信,详细器(有挂透明挂)1、金币登录送、破产送、...
一分钟了解!潮汕激k脚本,天天... 一分钟了解!潮汕激k脚本,天天爱游戏辅助,详细工具(有挂辅助)1、在天天爱游戏辅助插件功能辅助器技巧...
推荐十款!微乐小程序微乐房间怎... 推荐十款!微乐小程序微乐房间怎么开挂,518互娱脚本,详细脚本(真是有挂)微乐小程序微乐房间怎么开挂...
揭秘一下!创思维激k辅助器视频... 揭秘一下!创思维激k辅助器视频,广东闲来辅助软件,详细插件(存在有挂)1、用户打开应用后不用登录就可...
必备科技!财神十三张福袋多少钱... 必备科技!财神十三张福袋多少钱,陕西三代辅助,详细软件(有挂头条)1、上手简单,内置详细流程视频教学...