因为我想在我的应用程序中加入拖放功能,所以我决定将jQuery UI导入我的Angular 2项目.
首先,我开始通过执行以下操作导入jQuery本身:
import { ElementRef } from '@angular/core';
declare var jQuery:any;
ngOnInit() {
jQuery(this._elRef.nativeElement).find('ul.tabs').tabs();
}
这非常适合初始化东西.但是,当我尝试.draggable()函数时,我收到以下错误:
我怎样才能做到这一点?我阅读了很多方法但是所有这些方法都使用了system-js,在当前版本的Angular-cli中我没有使用它.我知道在Angular 2应用程序中使用jQuery并不是最好的方法,但我只需要一个用户可以删除可拖动小部件的网格.
如果您有任何建议,那将是完美的!谢谢!
解决方法:
我设法通过执行以下步骤使其工作:
> npm卸载jquery jquery-ui
> npm缓存清理
> npm install jquery jquery-ui
>在angular-cli.json中,我在scripts对象中添加了jquery和jquery-ui路径.这是他们的样子:
“剧本”:[
“../node_modules/jquery/dist/jquery.min.js”
“../node_modules/jquery-ui/jquery-ui.js”
]
完成这些步骤后,它就像一个魅力.希望能帮助那些遇到问题的人.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。