javascript - 如何将值从模板传递给 ts 函数

Question

您好，我有一个列表，可以从本地存储中动态获取条形码列表。

组件文件

<div class="scan-list">
    <table *ngFor="let item of fsubList">
        <tr>
            <td><h3>Reel No: {{item.barcodeno}}</h3></td>
            <td><h3>Date: {{item.datetime}}</h3></td>
        </tr>
        <tr>
            <td><h3>Vendor: {{item.vendor}}</h3></td>
            <td class="red"><a (click)="viewdet()">View Details</a></td>
        </tr>
    </table>
</div>

所以我想做的是在点击 viewdet() 之后获取特定的行值 {{item.barcodeno}} 然后将它传递给在函数 viewdet() 中添加 ts 文件，以便我可以使用该获取的值执行进一步的操作。

Answer 1

像这样尝试:

模板:

<td class="red"><a (click)="viewdet(item.barcodeno)">View Details</a></td>

TS:

viewdet(barcodeNo) {
}