한 가지 방법으로 구성 요소에 대한 모든 클릭을 처리하고 싶습니다. 어떻게 할 수 있습니까?
단일 테이블 행을 나타내는 구성 요소가 있으며 템플릿은 다음과 같습니다.
<td style="text-align: right;">{{item.id}}</td>
<td style="text-align: right;">{{item.name}}</td>
<td style="text-align: right;">{{item.amount}}</td>
어디에서나 발생할 수있는 모든 클릭 (모든 td)을 포착하고 싶습니다. 어떻게 할 수 있습니까?
상위 템플릿은
<table>
<tbody>
<ng-template ngFor let-item [ngForOf]="itemsCollection">
<app-tr [item]="item" style="display: table-row"></app-tr>
</ng-template>
</tbody>
</table>
(click)="someParentMethod($event)"
상위 템플릿에 추가 할 수 있지만 하위 구성 요소에서 이벤트를 처리하고 싶습니다.
이 코드를 app-tr 구성 요소 클래스에 추가하십시오.
@HostListener('click', ['$event'])
myClickHandler(event) {...}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다