html - Angular 2 event not being triggered in <td> -
i have implemented functions swiping left , right on web page. have used angular 2 touch events call them, inside div
this:
<div (touchstart)="touchstart($event);" (touchend)="touchend($event);" (touchmove)="touchmove($event);" (touchcancel)="touchcancel($event);"> <div class="mnd"> <ul> <a (click)="minusmnd()"> <li class="forrige"> ❮ </li> </a> <a (click)="plussmnd()"> <li class="neste"> ❯ </li> </a> <li>{{maanednavn[maaned-1]}}<br> <span style="font-size:18px">{{aaret}}</span> </li> </ul> </div> <div class="kalender"> <table *ngif="datoer"> <tr> <th>man</th> <th>tir</th> <th>ons</th> <th>tor</th> <th>fre</th> <th>lør</th> <th>søn</th> </tr> <tr> <td *ngfor="let cell of ukeen()"> {{cell.text}} <div *ngif="datoercontains(cell) != null"> <div class="circle" *ngfor="let circle of datoercontains(cell)"></div> <div class="details" *ngfor="let circle of datoercontains(cell)"> {{circle.skole}} <br> {{circle.kommentar}} <br> sfo: {{circle.sfodag}} </div> </div> </td> </tr> </table> </div> </div>
the swipe functions working perfectly, except when swipe on td
's. , have no idea why it's working everywhere else in div
- swiping th
's working.
any ideas of why doesn't work on td
's? is because of div
's inside them? have tried put events inside td
no result.
Comments
Post a Comment