如何区分EventEmitter和事件处理方法？

Question

组件 html 看起来有点像这样：

<form nz-form [formGroup]="form" (ngSubmit)="onSubmit()">
  <button nz-button type="button" (click)="cancel()">
    Cancel
  </button>

  <button nz-button type="submit" [nzType]="'primary'">
    Submit
  </button>
</form>

组件类看起来有点像这样：

@Component({
  selector: "my-form",
  templateUrl: "./my-form.component.html",
  styleUrls: ["./my-form.component.scss"]
})
export class MyFormComponent {
  constructor(private fb: FormBuilder) {}

  @Output()
  onSuccess: EventEmitter<boolean> = new EventEmitter();
  @Output()
  onCancel = new EventEmitter<void>();

  form: FormGroup = this.fb.group();

  cancel() {
    this.onCancel.emit();
  }

  onSubmit(): void {
    if (formIsValid) {
      this.onSuccess.emit(true);
    }
  }
}

问题是，事件发射器和事件处理程序应该如何命名？我可以遵守一些命名约定吗？

取消事件由该方法和事件发射器处理。cancel()onCancel

Answer 1

根据 Angular 指南，您不应为输出属性添加前缀。基本上event和EventEmitter之间不会有任何具体的区别。

欲了解更多信息，请访问 - https://angular.io/guide/styleguide#dont-prefix-output-properties