在我的Ionic应用程序上打开外部链接不起作用
Opening external links on my Ionic App does not work
我的应用程序包含不同卡片上的许多链接(每张卡片代表一个事件(。当使用经典的"时,链接会正确显示,但不会被遵循。我已经添加了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
相关文章:
- 外部链接的Javascript文件赢得't执行,但函数有效
- Cordova包装应用程序内部链接加载在应用程序中,外部链接加载在浏览器中
- 正在创建网页,并希望将外部链接调用为html和css
- 为在新窗口中打开外部链接创建异常
- 将外部链接编写到js文件中
- 打开除域之外在新选项卡中打开的所有外部链接
- 具有http外部链接的SSL网站
- 什么'这是使用jQuery将一些文本锚定到外部链接的最简单方法
- 如何自动添加target=“_空白“;仅限于外部链接
- javascript外部链接文件的可接受数量是多少
- 使用 jQuery 更改所有外部链接
- 将$ionicLoading.show()用于外部链接的方法
- 可以't在dropbox托管网站中打开外部链接
- 对于JQM中的外部链接,动态添加的链接上的触发器('click')不会传播
- 如何使用SheetJS从外部链接解析Excel文件(AmazonS3)
- 当外部链接打开Tab时,页面滚动到顶部也固定了导航栏
- 如何检测用户点击了内部或外部链接
- 如何从外部链接JS文件
- 带有标签的外部链接会延迟滚动事件
- 从inappbrowser中的链接打开mobilesafari中的外部链接