javascript - 基于 expressionProperty 更改 Angular Formly 上的模型绑定(bind)

Question

我正在使用 Angular Formly 构建表单。我需要用户输入两个电子邮件地址(工作和家庭)。但是，如果他们使用相同的工作地址和家庭地址，他们只需单击一个复选框即可禁用工作电子邮件。

我已经设法使用 Formly 表达式隐藏基于复选框的输入框。

expressionProperties: {
    hide: 'model.sameEmail'   
}

我想做的是将隐藏电子邮件字段的模型设置为显示的模型(它也应该保持更新)。

这在 Formly 中可行吗？

示例 plnkr 显示在此处:http://plnkr.co/edit/edlJaVIdo9z2j6Noyzqy?p=preview

Answer 1

您可以在复选框中使用观察者来更新模型:

watcher: {
  listener: function(field, newValue, oldValue, scope, stopWatching) {
    if (newValue) {
      scope.model.workEmail = scope.model.email;
    }
  }
}

示例:http://plnkr.co/edit/TgCUfNCB4HhdUP7z93l1?p=preview

有关观察者的更多信息:

• http://docs.angular-formly.com/docs/formly-expressions#watcher
• http://angular-formly.com/#/example/field-options/watchers