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

时间:2017-05-30 17:07:33

标签: javascript angular ionic2 inappbrowser

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

我希望用户点击的所有链接都在InAppBrowser或系统浏览器中打开。但是,所有内容都在Web视图中打开。

我尝试了很多东西。

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

中制作了app.component.ts

我的其他代码适用于点击链接正确打开InAppBrowser,但这似乎不适用于常规链接<a href

每个人似乎都对InAppBrowser有一些问题,这是什么决定性的方法!?

1 个答案:

答案 0 :(得分:0)

我做了类似下面的工作

  1. 请确保添加InAppBrowser插件
  2. 为handleClick事件添加组件代码
  3. 在视图中,我添加并单击动态内容事件
  4. &#13;
    &#13;
    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();
            });
          }
        }
    &#13;
       <p (click)="handleClick($event)" [innerHTML]="item.content">></p>
    &#13;
    &#13;
    &#13;