javascript - 如何在 Angular 4 中获取点击按钮的值

Question

我有 4 个按钮，每个按钮都有唯一的值。我在控制台日志中使用当前代码未定义。

HTML

<button type="submit" class="parcel-btn weight-option" value="25" (click)="onItemSelector()">
<button type="submit" class="parcel-btn weight-option" value="50" (click)="onItemSelector()">
<button type="submit" class="parcel-btn weight-option" value="250" (click)="onItemSelector()">
<button type="submit" class="parcel-btn weight-option" value="100" (click)="onItemSelector()">

typescript

onItemSelector() {
  const weightSelector = this.elm.nativeElement.querySelectorAll('.weight-option').value;
  console.log(weightSelector);
}

Answer 1

试试这个

将值传递给 onItemSelector 函数

   <button type="submit" class="parcel-btn weight-option" (click)="onItemSelector(25)">

获取ts中的值

onItemSelector(value :any) {
console.log(value);
}