javascript - 如何在 Angular 5 中使用 javaScript TimeSheet 插件

Question

在我的项目中，我需要在 Angular 5 中使用与此 TimeSheet https://www.jqueryscript.net/time-clock/Table-Based-jQuery-Calendar-Schedule-Plugin-TimeSheet.html完全相同的插件。但是我还没有找到这样的模块，需要在项目中导入使用。如何在我的项目中导入和使用它？

标签： javascriptangularnpmangular5timesheet.js

Answer 1

只需将TimeSheet javaScript文件附加jQuery到您的角度配置文件中的脚本。

scripts: [ 
    'yourRelativePath/TimeSheet.js' 
]

然后declare var $强制编译器不要争论变量$或添加：@types/jQuerydevDependencies

declare var $: JQueryStatic;

和

npm install @types/jquery --save-dev

使用Angular/Typescript你可以使用每个 Javascript 文件，因为 TypeScript 文件将被编译成 Javascript，一件事就是让编译器传递你的代码。