代码之家  ›  专栏  ›  技术社区  ›  tilly

角度日历:添加事件链接

  •  0
  • tilly  · 技术社区  · 7 年前

    我点击了日期,出现了一个列表,当我点击列表上的项目时,我想转到显示实际任务的路线

    enter image description here

    enter image description here

    模板

    <div class="container">
      <br />
    <div class="row text-center">
      <div class="col-md-4">
        <div class="btn-group">
          <div
            class="btn btn-primary"
            mwlCalendarPreviousView
            [view]="view"
            [(viewDate)]="viewDate"
            (viewDateChange)="changeDate($event, 'previous')">
            Previous
          </div>
          <div
            class="btn btn-outline-secondary"
            mwlCalendarToday
            [(viewDate)]="viewDate"
            (viewDateChange)="activeDayIsOpen = false">
            Today
          </div>
          <div
            class="btn btn-primary"
            mwlCalendarNextView
            [view]="view"
            [(viewDate)]="viewDate"
            (viewDateChange)="changeDate($event, 'next')">
            Next
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <h3><b>{{ viewDate | calendarDate:(view + 'ViewTitle'):'en' }}</b></h3>
      </div>
      <div class="col-md-4">
        <div class="btn-group">
          <div
            class="btn btn-primary"
            (click)="view = 'month'"
            [class.active]="view === 'month'">
            Month
          </div>
          <div
            class="btn btn-primary"
            (click)="view = 'week'"
            [class.active]="view === 'week'">
            Week
          </div>
          <div
            class="btn btn-primary"
            (click)="view = 'day'"
            [class.active]="view === 'day'">
            Day
          </div>
        </div>
      </div>
    </div>
    <br>
    <div [ngSwitch]="view">
      <mwl-calendar-month-view
        *ngSwitchCase="'month'"
        [viewDate]="viewDate"
        [events]="events"
        [refresh]="refresh"
        [activeDayIsOpen]="activeDayIsOpen"
        (dayClicked)="dayClicked($event.day)">
      </mwl-calendar-month-view>
      <mwl-calendar-week-view
        *ngSwitchCase="'week'"
        [viewDate]="viewDate"
        [events]="events"
        [refresh]="refresh">
      </mwl-calendar-week-view>
      <mwl-calendar-day-view
        *ngSwitchCase="'day'"
        [viewDate]="viewDate"
        [events]="events"
        [refresh]="refresh">
      </mwl-calendar-day-view>
    </div>
    </div>
    
    1 回复  |  直到 7 年前
        1
  •  0
  •   tilly    7 年前

    看来我错过了我同事添加的(点击事件)。我可以简单地在该方法中添加一个路由器函数。