时间戳

首页 > 解决方案 > 如何以角度捕获选定的按钮值

javascript - 如何以角度捕获选定的按钮值

问题描述

我有引导按钮

<button type="button" class="btn btn-secondary btn-sm" id = "left" >Left</button>
<button type="button" class="btn btn-secondary btn-sm" id = "Middle" >Middle</button>
<button type="button" class="btn btn-secondary btn-sm" id = "Right">Right</button>

当我单击“左”按钮时，我必须捕获 id，并且必须将该值传递给打字稿中的另一个函数。

基本上我正在做的是：

之后，我必须将该值传递给 app.component.ts 文件

在 ts 文件中：app.component.ts：

我有一个全局变量：

data = [0,0,0,0,0,0]

如果“id”是“左”，那么

data = [1,2,3,4,5,6,7]

如果“id”是“Middle”，那么

data = [3,4,3,4,5,6,7]

如果“id”是“Right”，那么

data = [9,8,7,4,5,6]

我怎样才能做到这一点..？

标签： javascriptangular

解决方案

在 HTML 按钮上，使用相关 ID 调用您的函数

在您的 TS 中，根据传递的值将相关值分配给数据数组

相关的 HTML：

<button type="button" class="btn btn-secondary btn-sm" id = "left" (click)="clickedBtn('left')" >Left</button>
<button type="button" class="btn btn-secondary btn-sm" id = "Middle" (click)="clickedBtn('middle')" >Middle</button>
<button type="button" class="btn btn-secondary btn-sm" id = "Right" (click)="clickedBtn('right')" >Right</button>

相关TS：

  clickedBtn(clickedVal){
    switch(clickedVal){
      case 'left':     this.data = [1,2,3,4,5,6,7]; break;
      case 'middle':     this.data = [3,4,3,4,5,6,7]; break;
      case 'right':     this.data = [9,8,7,4,5,6]; break;
      default: '';
    }
  }

在这里工作stackblitz

推荐阅读