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