Ionic 2 InAppBrowser 不会加载插入的链接

Question

到处寻找答案。我的应用程序有 links，它们是在从 AJAX 加载内容时动态插入的。

我希望用户单击的所有 link 都在 InAppBrowser 或系统浏览器中打开。但是，一切都在网络视图中打开。

我试过很多东西。

gap:// 在内容政策中网址已正确编码在 app.component.ts

中做了一个 window.open = (url, target?, opts?) => this.iab.create(encodeURI(url), '_blank', 'location=yes,hidden=no');

我的其他代码在单击 link 时可以正确打开 InAppBrowser，但这似乎不适用于常规 links <a href

每个人似乎都对 InAppBrowser 有一些疑问，解决这个问题的最终方法是什么！？

Answer 1

我做了如下解决

请确保已添加 InAppBrowser 插件
将组件代码添加到 handleClick 事件
在视图上，我为动态内容添加并单击事件

handleClick(event) {
      if(this.platform.is('core'))
        return;
      if (event.target.tagName == "A") { 
          event.preventDefault();
          event.stopPropagation();
      // open link using inappbrowser
        var url = event.target.getAttribute('href');
        console.log(url);
        this.platform.ready().then(() => {
                    let browser = new InAppBrowser(url, '_blank');
                    browser.show();
        });
      }
    }

   <p (click)="handleClick($event)" [innerHTML]="item.content">></p>

Ionic 2 InAppBrowser 不会加载插入的链接

Ionic 2 InAppBrowser won't load inserted links

javascript

inappbrowser

ionic2

angular