angular - FormIO + Angular - 回复更改输入

Question

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

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

我想保留“名称”中的值更改并将其放入“名称2”。

在 Angular 模板中，我放置了以下声明：

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

在哪里：

1. formProva -> 我要表示的表单的 Form.IO JSON 模式
2. onChange(param) -> 在这个函数中我：
   1. 将表单的 JSON 模式与“参数”保持一致
   2. 将修改后的值保留在“参数”中导航的“名称”中
   3. 将“param”中的“Name”值分配给“myJSON”中的“Name2”。

我的问题是视图没有任何变化，但是：

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

在 json 模式中显示正确的修改。任何人都知道如何解决它？

Answer 1

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

Answer 2

我知道旧帖子，但如果您想更新表单 UI 和/或其提交，您需要使用带有事件 EventEmitter 的 [refresh]="refreshForm"。这里的文档https://github.com/formio/angular-formio/wiki/Form-Renderer说，但我仍然经常遇到即使使用 EventEmitter 也无法更新 UI 或提交的问题。

此外，我不相信 from 组件会监视表单 JSON，并且表单 JSON 并不总是与 UI 同步——动态隐藏/显示系统在这方面是主要嫌疑人。