如何在 Angular 2 项目中使用 javascript 库

Question

我有一个库，它有这样的函数结构..

$.fn.et_menu = function ( options ) {
var settings = $.extend({
type: "default", // can be columns, default, mega, combined
animTime: 250,
openByClick: true,
delayTime: 0
}, options );

应该这样称呼

$('.menu.side-menu').et_menu({
type: "default",
delayTime: 0
});

任何帮助..如何将其集成到 Angular..

我已将库包含在我的 index.html 文件中，并且 做了

declare var et_menu: any;

在我的 component.ts 文件中..

任何帮助都会非常感激。

Answer 1

第一步

npm install jssha --save [using jssha for this demo]

这是你自己的自定义文件，将它放在 angular-cli.json 的脚本数组中跳过这一步 1

第二步

Add the jssha scripts file in .angular-cli.json file
"scripts": [ "../node_modules/jssha/src/sha.js" ]

第三步 在组件中添加一个 var 以用作全局变量

//using external js modules in Angular Component
declare var jsSHA: any; // place this above the component decorator
shaObj:any;
hash:string;
this.shaObj = new jsSHA("SHA-512", "TEXT");
this.shaObj.update("This is a Test");
this.hash = this.shaObj.getHash("HEX")

看看@这个link。它有一个工作示例和一个关于打字和没有打字的相同问题。