调整Model / FormControl值以在UI控件中以不同方式显示的最佳方法是什么?

时间:2018-04-30 13:05:45

标签: angular angular-reactive-forms

简单示例:

我的模型中有一个标志,并希望将其显示为复选框控件但是已反转。

型号:

{isSupported: true}

显示控制:

<input type="checkbox" formControlName="isSupported">Is NOT supported</input>

所以在这种情况下我想在UI输入控件中显示倒置的bool值。

已知但不满意的解决方案:

  1. 在控制初始化之前/之后以及提交表单之前调整值。 [这会增加不属于它的地方的复杂性。]

  2. 调整可视化或模型以匹配另一个。 [通常不可取。]

  3. 编写自定义ControlValueAccessor。 [这通常不起作用,例如如果使用过的库/框架/控件,例如材料已使用自定义ControlValueAccessor。]

  4. 我目前的解决方案&#34;是包装UI控件并在那里使用包含所需转换的代理ControlValueAccessor。对此有更好的解决方案吗?

0 个答案:

没有答案