小编Gig*_*ili的帖子

服务器端是php laravel echo websocket,我正在尝试通过Angular 4连接.我尝试使用ng2-socket-io - npm和laravel-echo - npm,但没有一个成功.如果有人知道我可以使用它的任何文档或教程,请帮助

当我尝试将数据发送到变量dataStr然后我console print在应用程序组件中它返回undefined;如何将数据从主组件传递到应用程序组件？

app.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
    selector: 'main',
    templateUrl: 'app.component.html'
})
export class AppComponent implements OnInit {

    public dataStr: string;

    setDataStr(dataStr) {
        console.log(dataStr);
    }
}

app.component.html

<router-outlet (dataStr)="setDataStr($event)"></router-outlet>

home.component.ts

import { Component, OnInit, Output, EventEmitter } from '@angular/core';
import { Title } from '@angular/platform-browser';
import { ActivatedRoute } from '@angular/router';

@Component({
    selector: 'home-page',
    template: `<h1>Test</h1>`
})
export class HomeComponent implements OnInit {

    @Output()
    dataStr = new EventEmitter();

    ngOnInit() { …