在我的Ionic应用程序上打开外部链接不起作用

Opening external links on my Ionic App does not work

本文关键字:外部 链接 不起作用 程序上 我的 Ionic 应用 应用程序      更新时间:2023-09-26

我的应用程序包含不同卡片上的许多链接(每张卡片代表一个事件(。当使用经典的"时,链接会正确显示,但不会被遵循。我已经添加了Cordova‘InAppBrowser’插件,但它并没有像预期的那样工作。它被错误地呈现,链接也不起作用。我的问题有一些特殊的情况:包含链接的文本存储在像这样的JS数组中(你可以在最后一个事件中看到有问题的链接(:

$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,但我不知道这是否会引起问题。

如前所述,链接现在既没有显示也没有遵循。由于编译器抱怨,我尝试过转义"字符,但仍然没有成功。

有什么建议吗?

我按照这里的说明并使用他们建议的过滤器解决了这个问题(我需要使用"_system",因为我也有"tel:"链接,在InApp浏览中不起作用(:

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