如何在离子3中使用jquery [英] How to use jquery in ionic 3

问题描述

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

TS：

 出口类主页
 {
的构造函数（公共navCtrl：NavController）{
 $（ '＃loadExternalURL'）。负载（ 'http://www.google.com'）; 
} 
} 
  

HTML：

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

我在服务离子应用程序时出现空白屏幕。有什么我想念的吗？有什么建议？

解决方案

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

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

   
   
   

   npm install jquery --save




2. 在HomePage.ts中导入JQuery

   
   
   

   导入*作为$来自jquery;




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

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

<预类= 片段码-JS郎-JS prettyprint-越权> ngAfterViewInit（）{$（文件）。就绪（函数（）{ alert（'JQuery正在工作!!'）;}）;}

I'm trying to load external website in a div using jquery in ionic 3.

TS:

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

HTML:

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

I'm getting blank screen on serving the ionic app. Is there anything I'm missing? Any Suggestion?

解决方案

I did it in following way,

1. Install Jquery module in your IONIC-3 app,

   npm install jquery --save

2. Import JQuery in HomePage.ts

   import * as $ from "jquery";

3. Use $ to call jquery methods.

I wait for method ngAfterViewInit to make sure view is initialized.

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

这篇关于如何在离子3中使用jquery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！