Angular2两个鼠标事件

时间:2016-09-28 03:51:21

标签: angular typescript

正在寻找解决这个问题的Angular2解决方案。

我需要在单元格日历上处理两个用例。 第一个用例很简单点击单元格 - >将日期obj添加到新数组。 第二个用例有点棘手,如果用户点击然后沿着单元格拖动鼠标,则将新的日期obj推入数组中,用于他点击/拖入的每个单元格。据我所知,这只能通过同时运行两个鼠标事件(MouseMove和MouseDown)来完成,但我无法弄清楚得到角度2来同时检查两个事件。请帮忙

<table class="table table-striped table-bordered noselect">
  <thead>
    <tr>
      <th *ngFor="let dateName of dateNames"><span class="date-name">{{dateName}}</span></th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let row of [1,2,3,4,5,6]">
      <td class="" *ngFor="let col of [1,2,3,4,5,6,7]"
          (click)="dateSelect(calendar[row-1][col-1])"
          [class.info]="dateSelected(calendar[row-1][col-1])"
          >
        <span class="pull-right"
              [class.text-success]="isCurrentMonth(calendar[row-1][col-1])">
          {{displayDay(calendar[row-1][col-1])}}
        </span>
      </td>
    </tr>
  </tbody>
  <!--<td *ngFor="let number of numbers">{{number}}</td>-->
</table>

0 个答案:

没有答案