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

Question

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

Answer 1

只需将 TimeSheet javaScript 文件和 jQuery 附加到 Angular 配置文件中的脚本即可。

scripts: [ 
    'yourRelativePath/TimeSheet.js' 
]

然后 声明 var $ 以强制编译器不争论 $ 变量或将 @types/jQuery 添加到 devDependencies:

declare var $: JQueryStatic;

和

npm install @types/jquery --save-dev

有了 Angular/Typescript，您可以使用每个 Javascript 文件，因为 TypeScript 文件将被编译成 Javascript，一件事就是让编译器通过您的代码。