FormIO + Angular - 回复有关更改的输入

时间:2018-05-10 10:46:14

标签: angular input view formio

我想回复另一个输入的值。 例如:

<input name="n" >Name</input>
<input name="n2" >Name2</input>

我希望保持&#34; Name&#34;的价值变化。并把它放到&#34; Name2&#34;。

在Angular模板中,我已经发布了这个声明:

<formio [form]="formProva" (submit)="onSubmit($event)" [submission]="myJSON" (change)="onChange($event)"> </formio>

其中:

  1. formProva - &gt;我想表示的表单的Form.IO JSON模式
  2. onChange(param) - &gt;在这个功能中我:
    1. 保持表格中的JSON模式来自&#39; param&#39;
    2. 保留修改后的值&#34; Name&#34;导航&#39; param&#39;
    3. 从&#34;名称&#34;中分配值在&#39; param&#39;到&#34; Name2&#34;在&#39; myJSON&#39;。
  3. 我的问题是视图中没有任何变化,但是:

    console.log(param);
    console.log(myJSON);
    

    在json架构中显示正确的修改。 任何人都知道如何解决它?

2 个答案:

答案 0 :(得分:0)

我们这里有类似的问题。我们调用API来获取在填充id号之后要填充的其他字段的值,并且除了不更新表单渲染器中的视图这一切之外,一切正常。这些值被分配给字段(在按下“提交”按钮之后),但是在下载后它们不会在渲染器中显示。

答案 1 :(得分:0)

我知道旧的帖子,但是如果您想更新表单UI和/或其提交,则需要将[refresh] =“ refreshForm”与EventEmitter事件一起使用。 https://github.com/formio/angular-formio/wiki/Form-Renderer的文档说,但是我仍然经常遇到一些问题,即使使用EventEmitter,UI或提交也无法更新。

我也不相信from组件会监视JSON格式,并且JSON格式并不总是与UI同步-动态隐藏/显示系统在这方面是主要的怀疑对象。