angular - 使用 ngFor 并使用(单击)-Angular 8 访问它时，按钮值属性未定义

Question

我尝试使用 ngFor 定义的下拉列表中定义的值来设置一个名为 fecha 的变量。

我首先获取所有列表值，然后像这样使用 ngFor 迭代它们

<li class="dropdown-menu" aria-labelledby="dropdownMenuButton" *ngFor ="let fecha of fechas">
                    <button class="dropdown-item"  type="submit" *ngFor ="let fecha of fechas" (click)= "setFecha(this.value)" value="{{fecha._id}}">{{fecha._id}}</button>
                </li>

但是，当我单击按钮时，控制台返回

ERROR TypeError: "fecha is undefined"

当我将值传递给函数时是否出现错误，或者访问按钮值的方式是否错误

Answer 1

尝试将this更改为fecha 我还注意到您嵌套了 for 循环，这是有意的吗？

<li class="dropdown-menu" aria-labelledby="dropdownMenuButton" *ngFor ="let fecha of fechas">
                    <button class="dropdown-item"  type="submit" *ngFor ="let fecha of fechas" (click)= "setFecha(fecha)" value="{{fecha._id}}">{{fecha._id}}</button>
                </li>

如果不打算嵌套 for 循环，代码应如下所示

<li class="dropdown-menu" aria-labelledby="dropdownMenuButton" *ngFor ="let fecha of fechas">
   <button class="dropdown-item"  type="submit"  (click)= "setFecha(fecha)" value="{{fecha._id}}">{{fecha._id}}</button>
</li>