如何使用jquery离子3

Question

我试图加载外部网站在离子3.

TS使用jQuery一个div：

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

HTML：

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

我得到服务离子应用程序的空白屏幕。有什么我失踪？任何建议？

Answer 1

您需要以某种方式将jQuery导入到您的项目中。如果你想使用HTML，你需要添加它靠近你的页面

<script src="[path to jQuery source]"></script> 

的顶部或使用.d.ts文件中定义的jQuery

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

然后定义需要的地方

<reference path="jquery.d.ts" /> 

参考使用：

TypeScript and libraries such as jQuery (with .d.ts files)

在离子-3的应用程序

How do I get jQuery autocompletion in TypeScript?

Answer 2

我做到了，在下面的方式，

1. 中安装jQuery模块，

   NPM中安装jQuery --save

2. 进口jQuery in HomePage.ts

   从“jquery”导入*作为$;

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

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

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