Question

我需要在我的typescript

中添加一个已经用jquery创建的文件

例如，为html添加效果和动画的文件（我已经安装了jquery）

declare var jQuery:JQueryStatic;

 $("#id").nameOfMyclassOfjQuery({   });

例如我需要集成一个模板，创建一个gridmanager直接在index.html中运行它我需要像这样调用（在我将grid.js添加到我的index.html之后）

 $(document).ready(function(){
 $("#id").grid({ );
 });

但如果我在一个组件里面。如何调用这个？当我把它放在jquery $("#id").grid({ );

不知道网格时

Answer 1

这里有很多问题和答案。例如Replace draggable function in angular 2

同样适用于您的grid

Answer 2

我解决了我的问题，我刚刚添加了这个

interface JQuery {
    gridmanager: any;
}

我将gridmanager.js和css文件添加到我的项目

感谢

Answer 3

如果要调用Angular 2组件中的任何jquery代码，请在ngOnInit方法中调用它们。例如，我使用Materialize CSS和Angular 2，Materialize的各种组件需要用jQuery初始化，所以这就是我做的： -

import { Component, OnInit } from '@angular/core';
declare var jQuery: any;
class SampleClass implements OnInit{
    constructor() { }

    ngOnInit() {
         //Your jQuery code here
    }
}

从angular2调用jquery文件

3 个答案: