事件发射器无法使用Angular 8

事件发射器无法使用Angular 8,angular,Angular,我使用的登录包装器组件的子组件名为,问题在于: <app-login> <app-login [user]="user" (actionEvent)="loginUser($event)" "> </app-login> 单击时是否有一些错误输出?我看没问题。您在控制台上看到任何错误吗?您的控制台中有一个额外的“” @Component({ selector: 'app-login', template: ` <div class

我使用的登录包装器组件的子组件名为,问题在于:

<app-login>
<app-login [user]="user" (actionEvent)="loginUser($event)" ">

  </app-login>

单击时是否有一些错误输出?我看没问题。您在控制台上看到任何错误吗?您的控制台中有一个额外的
@Component({
  selector: 'app-login',
  template: `
    <div class="card-body">

      <div class="input-group mb-3">
        <div class="input-group-prepend">
          <span class="input-group-text"><i class="icon-user"></i></span>
        </div>
        <input type="email"  name="email"  [(ngModel)]="user.email"  (ngModelChange)="change()"  class="form-control" placeholder="Email"  required>
      </div>

      <div class="input-group mb-4">
        <div class="input-group-prepend">
          <span class="input-group-text"><i class="icon-lock"></i></span>
        </div>
        <input type="password" name="password" [(ngModel)]="user.password" (ngModelChange)="change()"   class="form-control" placeholder="Password"  required>
      </div>

      <div class="row">
        <div class="col-6">
          <button type="button" (click)="loginAction()"  class="btn btn-primary px-4">Login</button>
        </div>
      </div>

    </div>
  `,
  styleUrls: ['./login.component.scss']
})
export class LoginComponent implements OnInit {

  @Input() user: User = new User();
  @Output() userChanged = new EventEmitter();


  @Output() actionEvent: EventEmitter<User> = new EventEmitter<User>();


  constructor() { }

  ngOnInit() {
  }


  loginAction(){
    console.log({user: this.user});
    this.actionEvent.emit(this.user);
  }

  change(){
    this.userChanged.emit(this.user);
  }

}

    "@angular/animations": "^8.0.0",
    "@angular/cdk": "^8.2.3",
    "@angular/common": "^8.0.0",
    "@angular/compiler": "^8.0.0",
    "@angular/core": "^8.0.0",
    "@angular/forms": "^8.0.0",
    "@angular/http": "^8.0.0-beta.10",
    "@angular/material": "^8.2.3",
    "@angular/platform-browser": "^8.0.0",
    "@angular/platform-browser-dynamic": "^8.0.0",
    "@angular/router": "^8.0.0",
    "@coreui/angular": "^2.5.1",
    "@coreui/coreui": "^2.1.11",
    "core-js": "^2.6.9",
    "rxjs": "^6.5.2",
    "zone.js": "^0.9.1"
<app-login [user]="user" (actionEvent)="loginUser($event)" ">

  </app-login>
<app-login [user]="user" (actionEvent)="loginUser($event)">

  </app-login>