0

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

在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);
}

}

登录.html：

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

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

在“主页”组件中

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

主页.ts

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

  ngOnInit() {}

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

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

4

0 回答 0