javascript - 具有多种方法的 Angular 事件

Question

正在使用 ControlValueAccessor 处理自定义输入组件，但找不到有关访问输入值的最佳方法的指导。自 passing $event is a dubious practice有没有办法在事件触发时触发两个或多个方法？

<input type='text' (input)="onChange($event.target.value); watchCity($event.target.value)" [disabled]="disabled" (onEnter)="onEnter($event)" (blur)="onTouched()"  />

也许有更好的方法从 ControlValueAccessor 组件内部获取值？

Answer 1

您拥有的语法应该可以工作，但不是很常见。

您可以调用一个函数来调用其他两个函数。

HTML

<input type='text' 
       (input)="onChange($event.target.value)" 
       [disabled]="disabled" 
       (onEnter)="onEnter($event.target.value)" 
       (blur)="onTouched()"  />

组件

  onChange(value) {
    // do whatever else
    this.watchCity(value);
  }

Stackblitz 在这里:https://stackblitz.com/edit/angular-9wqhjp

另外，看这里:https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement我没有看到输入元素的 onEnter 事件？

您还提到了有关 ControlValueAccessor 的内容。你想 build 一个吗？如果是这样，请查看此:https://alligator.io/angular/custom-form-control/举个例子。