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

时间:2016-08-06 12:28:17

标签: javascript cordova ionic-framework inappbrowser

我的应用程序在不同的卡上包含很多链接(每张卡都代表一个事件)。使用经典""时,链接正确显示但未遵循。我添加了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,但我不知道这是否会导致问题。

如上所述,现在没有显示或遵循链接。我试过逃避&#39;作为编译器的角色抱怨它但仍然没有运气。

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

我设法通过按照这里的说明并使用他们建议的过滤器来解决这个问题(我需要使用&#39; _system&#39;因为我有&#39; tel:&#39;链接也不起作用在InApp浏览中):

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