이오니아 2에서 버튼처럼 이온 그리드를 클릭 할 수있는 방법

Question

"이온 그리드"를 사용하여 테이블을 설계했지만, 내 문제는 버튼처럼 클릭 할 수있게하는 것입니다. 난 단지 "functionX을 (클릭)를 사용하여 함수를 호출 = 수(). 예를 들어

이 내 그리드이며,

<ion-grid style="padding:0px;" (click)="function1()"> 
    <ion-row> 
    <ion-col col-6> 
     Text1<br>Text1<br>Text1 
    </ion-col> 
    <ion-col col-6> 
     Text2<br>Text2<br>Text2 
    </ion-col> 
    </ion-row> 
</ion-grid> 

<ion-grid style="padding:0px;" (click)="function2()"> 
    <ion-row> 
    <ion-col col-6> 
     Text3<br>Text3<br>Text3 
    </ion-col> 
    <ion-col col-6> 
     Text4<br>Text4<br>Text4 
    </ion-col> 
    </ion-row> 
</ion-grid> 

내가 변경없이 버튼과 같은 각 격자 클릭을 (가능한 경우) 만들고 싶어 그리드의 디자인은

Answer 1

나는이 같은 문제를 가지고,하지만 난 내 안부 중 하나 싶어 내가 찾은 해결책이 이런 식으로 뭔가해야 문제를 들어, 행 내부 버튼 태그를 배치이었다.

HTML

<ion-grid style="padding:0px;"> 
    <button id='hidden-button' ion-button (click)="function1()"> 
    <ion-row> 
    <ion-col col-6> 
     Text1<br>Text1<br>Text1 
    </ion-col> 
    <ion-col col-6> 
     Text2<br>Text2<br>Text2 
    </ion-col> 
    </ion-row> 
    </button> 
</ion-grid> 

CSS 기능은

#hidden-button{ 
    height: 100%; 
    width: 100%; 
    box-shadow: none; 
    -webkit-box-shadow: none; 
}