如何在 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' 
]

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

declare var $: JQueryStatic;

和

npm install @types/jquery --save-dev

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