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

Question

到处寻找答案。我的应用程序具有从 AJAX 加载内容时动态插入的链接。

我希望用户单击的所有链接都在 InAppBrowser 或系统浏览器中打开。但是，一切都在 WebView 中打开。

我尝试过很多事情。

gap://包含在内容政策中URL 已正确编码做了window.open = (url, target?, opts?) => this.iab.create(encodeURI(url), '_blank', 'location=yes,hidden=no');在 app.component.ts

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

每个人似乎都对 InAppBrowser 存在某种问题，执行此操作的 final方法是什么!？

Answer 1

我做了如下的解决办法

1. 请确保已添加 InAppBrowser 插件
2. 为组件添加代码以处理Click事件
3. 在 View 上，我为动态内容添加并单击事件

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>