Question

我想在按钮点击时将元素的属性值传递给函数，这是我的工作方式

＆＃13;

<div>
  <ul #list>
    <li class="radio" *ngFor="let option of options; let j = index" id={{i}}-{{j}} #item>
      <label><input type="radio" #opt  name={{i}} value={{option}} /> {{option}} </label>
    </li>
  </ul>
</div>
<button type="button" (click)='func(opt.value, item.id, list)'>submit</button>

＆＃13;

我在这里做的是

我传递了单选按钮（第一个arg）的值
传递列表项的id（第二个arg）
传递整个列表的引用（第三个arg）

但当然它没有正常工作的错误消息说无法读取未定义的值（第一个arg），我怀疑其余的参数也会发生同样的情况。

所以我的问题是如何将属性值传递给函数？

PS：我是角色的新手

Answer 1

您可以在<div> <ul #list> <li class="radio" *ngFor="let option of options; let j = index" id={{i}}-{{j}} #item> <label><input type="radio" #opt name={{i}} value={{option}} (change)="selectedOptionValue=option.value; selectedItemID=item.id" /> {{option}} </label> </li> </ul> </div> <button type="button" (click)='func(selectedOptionValue, selectedItemID, list)'>submit</button>上将变量设置为所选选项的值和项目ID，并在单击按钮时将其传递给。

func

请务必检查后端{{1}}功能中的这些值，看看它们是否已设置。

将元素的属性传递给角度为4/5的函数

1 个答案: