如何在Angular 2 Project中使用javascript库

时间:2017-07-28 07:47:36

标签: javascript angular typescript angular2-template

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

$.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文件中..

任何帮助都会很有力。

1 个答案:

答案 0 :(得分:2)

第一步

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。它有一个工作的例子和一个关于打字和没有它的问题。