Как использовать плагин 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, а одна вещь - просто позволить компилятору передавать ваш код.