角形表单，包括手动表单POST的值属性

Question

由于某些安全性/ CORS /预检限制，我必须使用表单的action / method属性将表单发布到外部站点。我无法使用控制器或其他脚本操作提交表单。这不能更改。

尽管value =“ {{var}}”正在对绑定值的输入元素进行操作，但value属性未在DOM中呈现，因此当我尝试提交普通旧表单时，发布的内容为空由于缺少值属性。

模板：

<input type="text" id="{{val.key}}" name="{{val.key}}" value="{{val.value}}" />

在DOM中添加为（请注意缺少值的属性）：

<input _ngcontent-c10="" type="text" id="amount" name="amount" class="ng-star-inserted">

有什么方法可以强制angular在DOM中呈现value =“ xxxx”属性/值对，使其看起来像纯HTML表单，从而使提交工作正常？

Answer 1

尝试使用特定于angular的attr.value属性

<input type="text" id="{{val.key}}" name="{{val.key}}" [attr.value]="val.value" />

Answer 2

尝试使用[value] =“ val.value”

这应该为控件提供值