在Angular 2应用程序中使用ngx-toastr和socket.io

Question

我有一个带有socket.io的Angular 2应用程序。下面是socket.io.ts文件的外观：

import * as defSocketIO from 'socket.io-client';

export class SocketIO {

public static bootstrap(options : object) : SocketIO {
    return new SocketIO(options);
}

constructor(options: Object) {

    (<any> window).SocketIO = new defSocketIO(
        location.protocol + '//' + location.hostname + (location.port == '' ? '' : ':' + location.port),
        {
            'reconnection'          : false,
            'reconnectionAttempts'  : 0,
            'reconnectionDelay'     : 100000,
            'timeout'               : 900000
        }
    );

    (<any> window).SocketIO.on('connect',  function () {
            console.log("Connected to Socket.io server...");
        }
    );

    (<any> window).SocketIO.on('disconnect',  function () {
            console.log("Disconnected to Socket.io server...");
        }
    );

然而，在应用程序中我使用的是ngx-toastr，它在组件中工作得很好，但我想将它用于套接字消息。我试过几种方法导入它，但是我不能让它工作。我能注入吗？Here是ngx-toastr

谢谢!

Answer 1

最后，我从Toastr创建了一个自己的服务并将其导入到socket.io.ts文件中，从而解决了这个问题。