Javascript 以模板驱动的角度形式传递ID

我在本文（）之后创建了一个角度表单：

这里，当我在视图中直接插入

data.id

时，它会在UI中打印5。但是，当我尝试将其作为值分配给隐藏的输入字段时，它不存在。因此，在提交表单时，ID参数不存在

这里怎么了？那么传递ID的正确方法是什么

编辑

我还尝试：

<input name="id" type="hidden" [value]="data.id" ngModel>

注意当我删除ngModel时，该值被分配给隐藏字段：

<input name="id" type="hidden" [value]="data.id">

或

---

上述两种方法都可以使用指定的值创建隐藏输入。但是，使用数据绑定不再是ngModel的一部分，您需要将隐藏输入更改为：

<input name="id" type="hidden" [value]=data.id>

删除

ngModel

，因为通过

[value]

进行的数据绑定和

ngModel

可能会相互干扰

编辑

---

我的错，当然您也必须删除大括号。

要使用数据绑定，您需要将隐藏输入更改为：

<input name="id" type="hidden" [value]=data.id>

删除

ngModel

，因为通过

[value]

进行的数据绑定和

ngModel

可能会相互干扰

编辑

---

我的错，当然你也必须去掉大括号。

你可以使用

[ngModel]

来绑定值，而不是使用

ngModel

和

value

：

<input type="hidden" name="id" [ngModel]="data.id">

现在它将成为你表格的一部分

---

演示：

您可以使用

[ngModel]

绑定值，而不是使用

ngModel

和

value

：

<input type="hidden" name="id" [ngModel]="data.id">

现在它将成为你表格的一部分

---

演示：

在ngFor循环内创建多个ngModel控件时，每个控件和名称必须唯一

您可以尝试以下方法：

{{data.id}//打印5
拯救

在ngFor循环内创建多个ngModel控件时，每个控件和名称必须唯一

您可以尝试以下方法：

{{data.id}//打印5
拯救

Parser Error:get interpolation（{}），其中表达式应位于[{{data.id}}]

{{}}

中的第0列，但它从不与

[prop]=“…”

或

（事件）=“…”

@Abhi@RahulSingh对的这是我在问题中贴出的轮胎之一。拆下支架，然后试一下same@RahulSingh仍然没有luckParser错误：在[{{data.id}}]

{{}}

中的第0列中获得了插值（{}}），其中表达式应与

[prop]=“…”

或

（事件）=“…”

@Abhi@RahulSingh对的这是我在问题中贴出的轮胎之一。拆下支架，然后试一下same@RahulSingh仍然没有luckcan您可以尝试使用这个

[ngModel]=“data.id”

？是的，可以，请您解释一下吗？@RahulSingh您可以解释为什么无线电元素可以工作，但输入元素不能。你能试着使用这个

[ngModel]=“data.id”

？是的，你能解释一下吗？@RahulSingh你能解释一下为什么无线电元素能工作，而输入元素不能。我已经编辑了我的代码。我也有

，它可以工作，但它不能作为隐藏字段的一部分工作？我已经编辑了我的代码。我也有

它可以工作，但它不能作为隐藏字段的一部分工作？使用索引的好建议使用索引的好建议

<input type="hidden" name="id" [ngModel]="data.id">