如何通过组件使表单字段只读？

Question

我一直在使用 angular forly 来创建动态表单。在我的表单中，我使用了禁用字段，但那些依赖字段意味着由其他一些输入自动填充。但是我提交我的表单时，这些禁用的输入字段值不会添加到表单值中。我也试过 form.getRawValue 但它不起作用，我怎样才能获得必须设置为只读的字段值？我想在 json 中使用 readonly 属性 但我不知道如何使用它。请帮助我。

Answer 1

HTML5 具有输入标签的只读内置属性，在这些情况下有效。

<input readonly />

确保在提交前验证表单，这 属性 可以通过打开开发工具并从输入元素中删除只读标签来操作。

Answer 2

this.form.getRawValue();

我明白了，上面一行给出了表单中的所有值，还包括禁用字段。