javascript - 如何自定义两种方式的数据绑定(bind)使表单变脏

我创建了具有两种数据绑定方式的组件

class MyCustom2Way{
      @Input() text: string;
      @Output() textChange = new EventEmitter<string>();
      // MyCustom2Way has something in the template that will
      // trigger testChange.emit when user interacts with it
}

现在假设我以这样的形式使用MyCustom2Way：

<form action="" #myForm="ngForm">
  <my-custom-2-way [(text)]="model.field" name="field"></my-custom-2-way>
</form>

当用户使用MyCustom2Way进行迭代时，如何使myForm变脏？

最佳答案

您应该使用ngModel和自定义ControlValueAccessor，否则form对您的组件一无所知，因此不会被标记为脏。 [(text)]="model.field"-只是语法糖。