javascript - 如何在 ionic 3 中使用 jquery

Question

我正在尝试在 ionic 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>

我在为 ionic 应用程序提供服务时出现黑屏。有什么我想念的吗？有什么建议吗？

Answer 1

我是按照下面的方式做的，

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

   npm install jquery --save

2. 在 HomePage.ts 中导入 JQuery

   从“jquery”导入 * 作为 $；

3. 使用 $ 调用 jquery 方法。

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

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