Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度-@输出不工作_Angular_Angular2 Directives - Fatal编程技术网

Angular 角度-@输出不工作

Angular 角度-@输出不工作,angular,angular2-directives,Angular,Angular2 Directives,我试图使用@Output指令在子组件上单击按钮时通知父组件。以下是我的代码: 父视图 <app-perito-select *ngIf="peritoSelect" (cancel)="cancelPeritoAction()"></app-perito-select> 子控制器 ... cancelPeritoAction(){ console.log('cancel inside parent'); this.selectedAction = und

我试图使用
@Output
指令在子组件上单击按钮时通知父组件。以下是我的代码:

父视图

<app-perito-select *ngIf="peritoSelect" (cancel)="cancelPeritoAction()"></app-perito-select>
子控制器

...
cancelPeritoAction(){
    console.log('cancel inside parent');
    this.selectedAction = undefined;
  }
...
@Output() cancelAction: EventEmitter<any> = new EventEmitter<any>();  
...
cancel(){
    console.log('cancel inside child');
    this.cancelAction.emit();
  }
。。。
@Output()cancelAction:EventEmitter教程,它看起来非常简单,但我没有找到父函数。我错过了什么?谢谢。

尝试更换

(cancel)="cancelPeritoAction()"


由于@Output事件的名称是
cancelAction

,因此,如果要保留(取消)作为用法,可以通过将外部输出属性添加为字符串参数来重命名外部输出属性:

@Output('cancel') cancelAction: EventEmitter<any> = new EventEmitter<any>();
@Output('cancel')cancelAction:EventEmitter=neweventEmitter();
@Output('cancel') cancelAction: EventEmitter<any> = new EventEmitter<any>();