FormIO + Angular - Ответить на вход при изменении

Question

Я хочу ответить на значение входа в другом. Например:

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

И я хочу сохранить изменение значения «Имя» и поместить его в «Имя2».

Внутри углового шаблона я поместил эту декларацию:

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

где:

1. formProva -> схема JSON Form.IO формы, которую я хочу представить
2. onChange (param) -> В этой функции i:
   1. сохранить схему JSON формы из 'param'
   2. сохранить измененное значение из «Имя», перемещаясь в «param»
   3. Назначьте значение из «Имя» в «param» для «Name2» в «myJSON».

Моя проблема в том, что ничего не меняется в представлении, но:

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

показать правильную модификацию в схеме json. Кто-нибудь знает, как это решить?

Answer 1

Старый пост, я знаю, но если вы хотите обновить пользовательский интерфейс формы и / или его отправку, вам нужно использовать [refresh] = "refreshForm" с событием EventEmitter. Документы здесь https://github.com/formio/angular-formio/wiki/Form-Renderer говорят об этом, но у меня все еще часто возникали проблемы, когда пользовательский интерфейс или отправка не обновлялись даже с помощью EventEmitter.

Кроме того, я не верю, что компонент from следит за формой JSON, а форма JSON не всегда синхронизируется с пользовательским интерфейсом - динамическая система скрытия / показа является основным подозреваемым в этом отношении.

Answer 2

У нас похожая проблема здесь. Мы вызываем API, чтобы получить значения для других полей, которые должны быть заполнены после заполнения номера идентификатора, и все работает отлично, за исключением того факта, что представление в визуализаторе формы не обновляется. Значения присваиваются полям (после нажатия кнопки «Отправить», все есть), но они просто не отображаются в рендере после загрузки.