在 Angular 2 应用程序中注入 websocket 服务时出错

Question

我需要在我的 Angular 2 项目中处理 websocket 连接

@Injectable()
export class WsManagerService<T> extends Subject<T> {
    private socket: WebSocketSubject<any>;

    constructor() {
      super();
      ...

      this.connect();
    }

    connect(): void {
      this.socket = new WebSocketSubject(this.wsSubjectConfig);
      this.socket.subscribe(
        (m) => {
          this.handleMessage(m);
          this.next(m); /// when receiving a message, we just send it to Subject
        },
        (error: Event) => {
          if (!this.socket) {
            /// in case of an error with a loss of connection, we restore it
            this.reconnect();
          }
        });
    }

    handleMessage(message: any): void {
        if (this.isMessageConfiguration(message)) {
            // STORE GLOBAL VARIABLE
        } else if (this.isDateTime(message)) {
            ...
        }
    }

    isMessageConfiguration(object: any): object is MessageConfiguration {
        return 'rows' in object;
    }
}

我需要将接收到的表示配置的消息存储在全局变量中，以便组件可以检索它。

我就是这样在一个组件中使用这个服务的

@Component({
  selector: 'app-map-setup',
  templateUrl: './map-setup.component.html',
  styleUrls: ['./map-setup.component.css'],
  providers: [WsManagerService]
})
export class MapSetupComponent {
    constructor (wsManagerService: WsManagerService) {}
}

但我无法解决我遇到的“通用类型 WsManagerService 需要 1 个类型参数”错误

我哪里错了？

Answer 1

由于WsManagerService 服务类是一个泛型类，因此它在将其注入组件类的构造函数时需要一个类型。如果您不确定之前的类型，则可以使用 any 作为类型。您的组件类代码应如下所示 -

@Component({
  selector: 'app-map-setup',
  templateUrl: './map-setup.component.html',
  styleUrls: ['./map-setup.component.css'],
  providers: [WsManagerService]
})
export class MapSetupComponent {
    constructor (private wsManagerService: WsManagerService<any>) {} // change it here
}

这是一个工作演示：https://stackblitz.com/edit/angular-fjdmlw