簡體   English   中英

類型'typeof Observable'上不存在屬性'subscribe'

[英]Property 'subscribe' does not exist on type 'typeof Observable'

這是我的服務文件

import {Injectable} from '@angular/core';
import {Subject} from 'rxjs/Subject';
import {Observable} from 'rxjs/Observable';
import * as io from 'socket.io-client';

export class chatService{
    private url = 'http://localhost:8000'
    private socket:any;

    sendMessage(message:string){
        this.socket.emit('add-message', message);
    }
    getMessages(){
        let observable = new Observable(( observer:any)=>{
            this.socket = io(this.url);
            this.socket.on('message',(data:any)=>{
                observer.next(data);
            });
            return () => {
                this.socket.disconnect();
            }
        })
        return Observable;
    }
}

這是我的訂閱方法顯示錯誤

import { Component } from '@angular/core';
import {chatService} from '../../services/chat.service';
import { OnInit, OnDestroy } from '@angular/core/src/metadata/lifecycle_hooks';
import { Message } from '@angular/compiler/src/i18n/i18n_ast';
import * as io from 'socket.io-client';
@Component({
  moduleId:module.id,
  selector: 'chat',
  templateUrl: `chat.componets.html`,
})
export class chatComponent implements OnInit, OnDestroy {connection: any;
 name = 'Angular'; 
messages: any = [];
message: string;
 constructor(private _chatService:chatService){

 }
 sendMessage(){
   this._chatService.sendMessage(this.message);
   this.message = '';
 }
 ngOnInit(){
  this.connection = this._chatService.getMessages().subscribe(message=> {
      console.log(message);
      this.messages.push(message);
  });
 }
 ngOnDestroy(){
   this.connection.unsubscribe();
 }
}

在服務文件中,我必須調用getMessage()以及何時在其他類中訂閱我調用該服務方法getMessage()方法。 它顯示錯誤

[ts]'typeof Observable'類型中不存在屬性'subscribe'

另一個錯誤說

[ts]參數'message'隱式具有'any'類型。 (參數)消息:任何

我覺得你有一個小錯字。 改變這個:

return Observable;

對此:

return observable;

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM