在我的 Ionic App 上打开外部链接不起作用

Question

我的应用在不同的卡片上包含很多 link（每张卡片代表一个事件）。当使用经典的 "" 时，links 正确显示但未遵循。我已经添加了 Cordova 'InAppBrowser' 插件，但它没有按预期工作。它被错误地呈现并且 links 也不起作用。我的问题有一些特殊情况：包含 links 的文本存储在像这样的 JS 数组中（你可以在最后一个事件中看到有问题的 link）：

$scope.eventsBulls = [
    { eventTitle: 'Clase Práctica', eventHour: '19:00', eventText: 'Clase práctica por los alumnos de Escuelas Taurinas con 6 erales de <b>López Gibaja</b>.<br/><br/><b>Entrada GRATUITA</b>', eventPlace: 'Plaza de Toros de Almería', eventIcon: 'img/icon-toro.png', show: false },
    { eventTitle: 'Corrida de Toros', eventHour: '19:00', eventText: '(1ª de Abono) Corrida de toros ganadería <b>Zalduendo</b><br/><br/><b>El Juli</b><br/><b>Alejandro Talavante</b><br/><b>López Simón</b>', eventPlace: 'Plaza de Toros de Almería', eventIcon: 'img/icon-toro.png', show: false },
    { eventTitle: 'Corrida de Toros Mixta', eventHour: '19:00', eventText: ' (2ª de Abono) Corrida de toros ganaderías <b>Luis Terrón</b> (2 Toros) y <b>Daniel Ruíz</b> (4 Toros)<br/><br/><b>Hermoso de Mendoza</b><br/><b>Enrique Ponce</b><br/><b>Roca Rey</b>', eventPlace: 'Plaza de Toros de Almería', eventIcon: 'img/icon-toro.png', show: false },
    { eventTitle: 'Corrida de Toros', eventHour: '19:00', eventText: ' (3ª de Abono) Corrida de toros ganadería <b>Núñez de Tarifa</b><br/><br/><b>Sebastián Castella</b><br/><b>Miguel Ángel Perera</b><br/><b>Paco Ureña</b>', eventPlace: 'Plaza de Toros de Almería', eventIcon: 'img/icon-toro.png', show: false },
    { eventTitle: 'Corrida de Toros', eventHour: '19:00', eventText: ' (4ª de Abono) Corrida de toros ganadería <b>Victorino Martín</b><br/><br/><b>Manuel Escribano</b><br/><b>Torres Jeréz</b><br/><b>Román Collado</b> (<a class="item" href="#" onclick="window.open(\'http://www.romancollado.com/\', \'_system\',\'location=yes\'); return false;">Información</a>)', eventPlace: 'Plaza de Toros de Almería', eventIcon: 'img/icon-toro.png', show: false }
];

由于嵌入 HTML 文本会导致问题，我使用了这个：

<p ng-bind-html="event.eventText" style="text-align: justify;"></p>

因此文本被正确解析为 HTML，但我不知道这是否会导致问题。

如前所述，link现在没有显示也没有关注。我试过转义 ' 字符，因为编译器抱怨它但仍然没有运气。

有什么建议吗？

Answer 1

我按照此处的说明并使用他们建议的过滤器解决了这个问题（我需要使用“_system”，因为我也有 'tel:' 链接，但在 InApp 浏览中不起作用）：

https://gist.github.com/rewonc/e53ad3a9d6ca704d402e

在我的 Ionic App 上打开外部链接不起作用

Opening external links on my Ionic App does not work

javascript

cordova

inappbrowser

ionic-framework