Angular formly 在两个角度形式之间传递数据

Angular formly 在两个角度形式之间传递数据,angular-formly,Angular Formly,我正试着从表格2中检查表格1的模型。我怎样才能让它工作? 下面是jsbin,它描述了我想要的东西。 我强烈建议不要做你想做的事。类型只能用于字段,不能用于表单。使用angular表示其擅长,formly表示其擅长 另一件需要注意的重要事情是,expressionProperties仅在表单的给定模型更改时运行。这就是为什么更改其他字段的值时您的字段没有运行(因为它们具有不同的模型属性) 这里有一个可行的解决方案: JavaScript vm.model = { form1: {}, fo

我正试着从表格2中检查表格1的模型。我怎样才能让它工作? 下面是jsbin,它描述了我想要的东西。
我强烈建议不要做你想做的事。类型只能用于字段,不能用于表单。使用angular表示其擅长,formly表示其擅长

另一件需要注意的重要事情是,
expressionProperties
仅在表单的给定模型更改时运行。这就是为什么更改其他字段的值时您的字段没有运行(因为它们具有不同的模型属性)

这里有一个可行的解决方案:

JavaScript

vm.model = {
  form1: {},
  form2: {}
};
vm.fields1 = [
  {
    key:'field1',
    model: 'model.form1',
    type: 'input',
    templateOptions: {
      label: 'form1.Input',
      placeholder: 'Formly is terrific!'
    }
  },
  {
    key:'field1',
    model: 'model.form2',
    type: 'input',
    templateOptions: {
      label: 'form2.Input',
      placeholder: 'Formly is terrific!'
    },
    expressionProperties: {
      'templateOptions.disabled': '!options.data.originalModel.form1.field1',
    },
    // https://github.com/formly-js/angular-formly/pull/443
    // when that ^ PR gets merged and released, then you don't have to do this step
    // and you can reference it as `options.originalModel` rather than `options.data.originalModel`
    // This should happen in the next day or so
    data: {
      originalModel: vm.model
    }
  }
];
HTML



在此处发布相关代码,以及您遇到的任何具体问题,以便我们可以帮助您解决上述问题。有关改进问题的帮助,请参阅。感谢您的解决方案!这就是我需要的。看看这个例子-您在这里使用字段类型,这就是为什么我这样做;-)
<form ng-submit="vm.onSubmit()" name="vm.form" novalidate>
  <formly-form model="vm.model" fields="vm.fields1" options="vm.options" form="vm.form">            
  </formly-form>
  <formly-form model="vm.model" fields="vm.fields2" options="vm.options" form="vm.form">
  </formly-form>
</form>