如何将数据从窗口小部件组件传递到另一个应用程序组件？

Question

我有一个小部件，我想将数据传递给另一个角度组件吗？

在 widget.js 中，我有一个组件，我想传递数据。

import {Component,Output} from "@angular/core";
@Component({
  selector: "login",
  templateUrl: "./login.component.html",
  styleUrls: ["./login.component.scss"]
})
export class loginComponent implements OnInit {
  message: string = "Hello!";
  @Output() messageEvent: EventEmitter<any> = new EventEmitter();

//call this function on button click
 private loginUser(){
console.log("pass child message to parent");
    this.messageEvent.emit(this.message);
}

}

Login.html：

<!-- login page -->
<input type="button (click)="loginUser()">

在Angular应用程序中，我正在注入widget.js

“主页”组件中的

<login (messageEvent)="receiveMessage($event)"></login>

Home.ts

export class HomeComponent implements OnInit {
  message: string;
  constructor() {}

  ngOnInit() {}

  receiveMessage($event) {
    console.log("event fired");
    this.message = $event;
  }
}

当我尝试上述代码时，只有receiveMessage没有调用吗？