尝试使用 InAppBrowser 打开从 javascript 注入的外部链接

Question

我之前处理过使用 InAppBrowser 打开外部链接的问题。现在，我面临一个新问题。我有这个 JS 代码：

var randIndex = getRandomInt(0, bannersCollection.length - 1);
$scope.imgTitle = bannersCollection[randIndex].logo;
$scope.logoURL = bannersCollection[randIndex].url;

它为范围提供了一个新徽标和一个与该徽标关联的 URL，因此我希望能够单击该徽标并导航到该 URL。

我用 HTML 代码来做这个：

<div ng-if="$index % 3 == 0">
    <div class="card" ng-controller="cycleImagesCtrl">
        <a href={{logoURL}}>
            <div class="item item-body" style="margin-bottom: -7px;padding: 0px">
            <img src={{imgTitle}} width="100%" />
        </div>
    </a>
</div>

基本上，每三张卡片我都会添加一个新卡片，其中包含横幅和关联的 URL。

以前，我可以使用此过滤器制作链接：

appFeria2016.filter('hrefToJS', function ($sce, $sanitize) {
return function (text) {
    var regex = /href="([\S]+)"/g;
    var newString = $sanitize(text).replace(regex, "onClick=\"window.open('$1', '_system', 'location=yes')\"");
    return $sce.trustAsHtml(newString);
}

});

但是我还没有设法在这个上包含过滤器......而且它不起作用。关于这个有什么提示吗？。

编辑：URL 是这样存储的：

{ logo: "img/bricomart-banner.png", url: "http://www.bricomart.com" },

提前致谢

Answer 1

如果您使用 ionic 为什么不使用 this plugin。您所要做的就是：

$cordovaInAppBrowser.open('http://ngcordova.com', '_blank', options)
  .then(function(event) {
    // success
  })
  .catch(function(event) {
    // error
  });


$cordovaInAppBrowser.close();

然后处理事件：

'$cordovaInAppBrowser:loadstart'
'$cordovaInAppBrowser:loadstop'
'$cordovaInAppBrowser:loaderror'
'$cordovaInAppBrowser:exit'

继续在依赖项中添加 ngcordova。