如何在离子3中使用jquery

Question

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

TS:

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

HTML:

<ion-content>
    <div id="loadExternalURL"></div>
</ion-content>

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

Answer 1

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

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

   npm install jquery --save

2. 在HomePage.ts中导入JQuery

   从"jquery"导入*为$;

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

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

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

Answer 2

要在离子项目中使用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.
});

它工作得非常好.