如何获取选定行的元素，并使用angular 2+；和打字稿

我正在使用一个表，当我单击表中的某一行时，我必须捕获数据并单独显示， 我能够突出显示所选行，捕获行号并显示它。我不确定如何捕获选定行中的项目并显示它

到目前为止我所做的代码是

HTML标记：

<mat-tab label="PINS" flex>
    <div id="pinsDataSource" *ngFor="let pin of pins; let i = index" (click)="setClickedRow(i)" [class.alertactive]="i == selectedRow">

              {{pin.alertTitle}}  
              {{pin.alertCode}} 
              {{pin.date | date:'MM/dd/yyyy'}}

    </div>  
</mat-tab>

---

将对象作为参数传递给函数，并将参数分配给

selectedRow

(click)="setClickedRow(pin )"

setClickedRow(pin ){

   this.selectedRow = pin
}

---

将对象作为参数传递给函数，并将参数分配给

selectedRow

(click)="setClickedRow(pin )"

setClickedRow(pin ){

   this.selectedRow = pin
}

---

您正在将

setClickedRow

用作标记中的函数，但它在typescript文件中定义为属性。删除构造函数中的代码。 相反，要这样做

selectedRow: Number;
setClickedRow(i){
  this.selectedRow = i;
}
constructor(private proService: ProService) {
  this.setClickedRow(index);
}

---

您正在将

setClickedRow

用作标记中的函数，但它在typescript文件中定义为属性。删除构造函数中的代码。 相反，要这样做

selectedRow: Number;
setClickedRow(i){
  this.selectedRow = i;
}
constructor(private proService: ProService) {
  this.setClickedRow(index);
}

---

只需在函数中传递pins数据的实例，即调用div，如下所示：

     <mat-tab label="PINS" flex>
        <div id="pinsDataSource" *ngFor="let pin of pins; let i = index" (click)="setClickedRow(i, pin)" [class.alertactive]="i == selectedRow">

                  {{pin.alertTitle}}  
                  {{pin.alertCode}} 
                  {{pin.date | date:'MM/dd/yyyy'}}

          </div>  
      </mat-tab>

---

只需在函数中传递pins数据的实例，即调用div，如下所示：

     <mat-tab label="PINS" flex>
        <div id="pinsDataSource" *ngFor="let pin of pins; let i = index" (click)="setClickedRow(i, pin)" [class.alertactive]="i == selectedRow">

                  {{pin.alertTitle}}  
                  {{pin.alertCode}} 
                  {{pin.date | date:'MM/dd/yyyy'}}

          </div>  
      </mat-tab>

---

我在这里找到了答案，这可能对其他人也有帮助

---

我在这里找到了答案，这可能对其他人也有帮助

---

所以只想突出显示所选行？我已经找到了。。。想要突出显示并捕获行中的项目，我也发布了下面的链接，所以只想突出显示所选行？我已经找到了。。。为了突出显示并捕获行中的项目，我也发布了下面的链接，