Проект на Angular. В компоненте подключен fullCalendar
(https://fullcalendar.io). Календарь использует jQuery и подключен так, как показано ниже. Как в функции, обрабатывающей dayClick указать переход на другой компонент angular? Я знаю, что можно импортировать Router и написать this.router.navigate(['/path'])
, но не знаю как правильно передать Router в функцию jQuery
import { Component, OnInit } from '@angular/core';
import * as $ from 'jquery';
import 'fullcalendar';
import {User} from "../user";
import {DataService} from "../data.service";
import {Router} from "@angular/router";
@Component({
selector: 'app-fullcalendar',
templateUrl: './fullcalendar.component.html',
styleUrls: ['./fullcalendar.component.css']
})
export class FullcalendarComponent implements OnInit {
constructor(private dataService: DataService, private router: Router) {
}
ngOnInit() {
$(function() {
let containerEl: JQuery = $('#calendar');
containerEl.fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay,listWeek'
},
navLinks: true, // can click day/week names to navigate views
editable: true,
eventLimit: true, // allow "more" link when too many events
eventSources: [{
url: 'api/shedules'
}],
eventClick: function(calEvent, jsEvent, view) {
alert('Запись: ' + calEvent.title);
},
dayClick: function(calEvent, jsEvent, view) {
}
})
});
}
}