как использовать элемент, прочитанный ngfor, как параметр функции - PullRequest
1 голос
/ 03 мая 2019

У меня есть этот угловой код:

<table>
        <tr>
            <th style="width:50%"><b>List rooms </b></th>
            <th></th>
        </tr>

        <tr *ngFor="let room of list_room">
            <td><b> {{room}}</b> </td>
            <td><button (click)="joinRoom()">JOIN</button></td>

        </tr>
</table>

Мне нужно взять содержимое строки {{room}} и передать его в качестве параметра функции joinRoom ().

Я пытался по этой ссылке: Отправить * ngFor значение в качестве параметра при нажатии

Я изменил свой код с помощью:

<td><button [(ngModel)]="room" (click)="joinRoom(room)">JOIN</button></td>

, но у меня ошибка компиляции.

Как мне это сделать?

1 Ответ

1 голос
/ 03 мая 2019

Вам необходимо удалить ngModel.

Использование этого должно работать:

<button (click)="joinRoom(room)">JOIN</button></td>

Пример: https://stackblitz.com/edit/angular-xqnent

...