Angular ControlValueAccessor 在（更改）事件中触发旧值

Question

我正在使用 Angular v6.0.0，我的组件实现了 ControlValueAccessor；
在更改事件中，我总是看到它的旧值，但是当绑定 ngModel 的值时，它是新值。我做了一个 stackblitz example;

 @HostListener('click')
  onToggle() {
    if (this.disabled) {
      return;
    }
    this.checked = !this.checked;
    this.change.emit(this.checked);
    this.changed(this.checked);
    this.touched(this.checked);
  }

  // Implement control value accessor

  changed = (_: any) => {};

  touched = (_: any) => {};

  public writeValue(obj: any) {
    if (obj !== this.checked) {
      this.checked = !!obj;
    }
  }

  public registerOnChange(fn: any) {
    this.changed = fn;
  }

  public registerOnTouched(fn: any) {
    this.touched = fn;
  }

Answer 1

当您使用 EventEmmiter 时，您必须在 output 事件中传递 $event 因为 $event 保持发出的值

这是一个例子

<app-switch size="small" name="skip_notification" (change)="changed($event)" [(ngModel)]="value"></app-switch>

并在 .ts

 changed(event) {
    this.value1 = event;
  }

此处更新Stackblitz

Angular ControlValueAccessor 在（更改）事件中触发旧值

Angular ControlValueAccessor fire old value in (change) event

angular

controlvalueaccessor

angular6