如何在离子3中使用jquery

我正在尝试使用离子3中的jquery在div中加载外部网站。

TS： 

export class HomePage { constructor(public navCtrl: NavController) { $('#loadExternalURL').load('http://www.google.com'); } }

HTML：

我正在为离子应用程序提供空白屏幕。 有什么我想念的吗？ 有什么建议吗？

我是按照以下方式做到的，

  1. 在您的IONIC-3应用程序中安装Jquery模块，

    npm install jquery –save

  2. 在HomePage.ts中导入JQuery

    从“jquery”导入*为$;

  3. 使用$来调用jquery方法。

我等待方法ngAfterViewInit以确保视图已初始化。 

 ngAfterViewInit(){ $(document).ready(function(){ alert('JQuery is working!!'); }); }

要在离子项目中使用jQuery，请这样做：

在您的IONIC-3应用程序中安装Jquery模块，如下所示： 

 1, npm install jquery --save 2, npm install @types/jquery

然后像这样在你的页面上导入jquery 

 3, import * as $ from "jquery";

然后，您可以像在普通的javascript中一样使用jquery $。 我用它来进行jquery ajax调用来获取这样的远程数据： 

  $.ajax({ url: "my api url", method: "POST", //you can do post, get, put data: my-data }).done(function(res){ //process response from server }).fail(function(err){ //return error message. });

它工作得非常好。

您需要以某种方式将jQuery导入到项目中。 如果您想使用HTML，则需要将其添加到页面顶部附近

或者使用定义jQuery的.d.ts文件 

 declare module "jquery" { export = $; } declare var jQuery: JQueryStatic; declare var $: JQueryStatic;

然后在需要的地方定义它

使用的参考文献：

TypeScript和库，例如jQuery（带.d.ts文件）

如何在TypeScript中获得jQuery自动完成function？

你不需要使用jQuery

您可以添加iframe
Interesting Posts