Как использовать плагин javaScript TimeSheet в Angular 5

Question

В моем проекте мне нужно использовать точно такой же плагин в Angular 5, как этот график https://www.jqueryscript.net/time-clock/Table-Based-jQuery-Calendar-Schedule-Plugin-TimeSheet.html. Но я не нашел такого модуля и мне нужно импортировать и использовать его в проекте. Как я могу импортировать и использовать его в моем проекте?

Answer 1

Просто прикрепите файл javaScript TimeSheet и jQuery к сценариям в вашем угловом файле конфигурации.

scripts: [ 
    'yourRelativePath/TimeSheet.js' 
]

Затем declare var $, чтобы заставить компилятор не спорить с переменной $ или добавить @types/jQuery в devDependencies:

declare var $: JQueryStatic;

и

npm install @types/jquery --save-dev

С Angular / Typescript вы можете использовать каждый файл Javascript, потому что файлы TypeScript будут скомпилированы в Javascript, с одной стороны - просто позволить компилятору передавать ваш код.