Javascript ID'；动态按钮列表中的

我有一个按钮列表：

<button [id]="'matMenuButton' + i" *ngFor="let item of matMenuItems; let i of index;" > {{item}} </button>

{{item}

我正在尝试获取动态ID，如matMenuButton1、matMenuButton2等，但这不起作用

我该怎么做？

---

谢谢

将html代码更改为

<button
  id="matMenuButton_{{i}}"
  *ngFor="let item of matMenuItems; let i = index;"
>
  {{item}}
</button>

{{item}}

将html代码更改为

<button
  id="matMenuButton_{{i}}"
  *ngFor="let item of matMenuItems; let i = index;"
>
  {{item}}
</button>

{{item}}

index

的局部变量赋值必须是

let i=index

或

let index as i

的形式，并且不能是

let i of index

您需要将1添加到

i

，以便将列表添加到1、2、3。。。因为

索引从0开始

备选案文1：约束力

{{item}}

备选案文2：插值 您还可以使用插值

{{}

而不是绑定

[]

{{item}}

但是TBH，如果您以“角度的方式”做事，就不需要DOM

id

s。如果您能提供更多关于

id

s分配后您希望做什么的信息，那么可能还有其他方法来完成您正在尝试的工作

index

的局部变量赋值必须是

let i=index

或

let index as i

的形式，并且不能是

let i of index

您需要将1添加到

i

，以便将列表添加到1、2、3。。。因为

索引从0开始

备选案文1：约束力

{{item}}

备选案文2：插值 您还可以使用插值

{{}

而不是绑定

[]

{{item}}

---

但是TBH，如果您以“角度的方式”做事，就不需要DOM

id

s。如果您能提供更多关于

id

s在分配任务后希望执行的操作的信息，那么可能还有其他方法可以执行您正在尝试的操作。

它有效！谢谢：）它有效！谢谢：）