Как передать значение из шаблона в функцию ts

Question

Привет, у меня есть список, который динамически выбирает список штрих-кодов из localstorage.

ФАЙЛ КОМПОНЕНТА

<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>

Итак, я хочу получитьконкретное значение строки {{item.barcodeno}} после нажатия на viewdet() и передачи его в файл ts в функции viewdet(), чтобы я мог выполнять дальнейшие операции с этим извлеченным значением.

Answer 1

Попробуйте так:

Шаблон:

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

TS:

viewdet(barcodeNo) {
}

Answer 2

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