如何将值从模板传递到 ts 函数

Posted 2023-03-05

【中文标题】如何将值从模板传递到 ts 函数

【英文标题】：How to pass a value from template to ts function

【发布时间】：2020-02-01 15:31:48

【问题描述】：

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

组件文件

<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 文件，这样我就可以对获取的数据执行进一步的操作价值。

【问题讨论】：

你可以像 (click)="viewdet(item.barcodeno)" 一样传递它

ok Paresh 但是我将如何在我的打字稿代码中得到它``` viewdet() : void //我想要那个值 ```

在 ts 文件中，您必须使用一个参数声明函数，例如 viewdet(data)

【参考方案1】：

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

【参考方案2】：

试试这样：

模板：

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

TS：

viewdet(barcodeNo) 

【讨论】：

我将如何获得函数 viewdet(barcodeNo) 中的值