Angular中表单ID动态时，如何为表单外提交按钮设置form属性？

直接用Angular的属性绑定语法就能搞定这个问题，原生HTML属性的动态值推荐用方括号[]来绑定，而非插值语法{{}}。

正确代码示例： #

1. 表单ID用属性绑定更规范：

<form [id]="'tab' + itemId"
      [formGroup]="FormTab"
      (ngSubmit)="save()">
</form>

2. 按钮的form属性同样用属性绑定：

<button [form]="'tab' + itemId" type="submit"></button>

原写法失效的原因： #

Angular对原生HTML属性的插值语法支持有限，尤其是form这种关联其他元素ID的属性，用方括号包裹属性名的属性绑定，能确保表达式'tab' + itemId的结果被正确赋值给属性，不会出现解析失效的问题。

如果你的itemId是数字类型，Angular会自动转换为字符串，无需额外处理，直接拼接即可。

内容的提问来源于stack exchange，提问作者Ernio