Как сделать кнопку внутри кликабельной строки?

Question

[mantovpinets]

Всем привет.

Столкнулся с такой проблемой. Есть таблица, в ней tr, по клику на которую срабатывает обработчик. Но в этом tr есть ещё и td, которая, в свою очередь, содержит в себе кнопку. Только вот когда я нажимаю на эту кнопку, срабатывает также обработчик для строки. В принципе, почему так происходит, понятно. Но можно ли как-нибудь разграничить работу этих обработчиков.
Вот код

<tr *ngFor="let person of course.StudList" (click)="showInfo.ShowPersonalInfo(person)">
            <td>{{ person.Date | date: "dd.MM.yyyy" }}</td>
            <td>{{ person.surname }}</td>
            <td>{{ person.name }}</td>
            <td>{{ person.patername }}</td>
            <td>{{ person.birthday | date: "dd.MM.yyyy"}}</td>
            <td>
                <button class="btn btn-danger btn-block" (click)="Deduct(person)">Отчислить</button>
            </td>
        </tr>

Comments

[Dima Polos]

e.stopPropogation() для отмены всплытия события.

[mantovpinets]

отлично, спасибо)