离子框架中的陷阱锚 HREF

Posted 2023-02-23

【中文标题】离子框架中的陷阱锚 HREF

【英文标题】：Trap Anchor HREFs in Ionic Framework

【发布时间】：2015-07-07 17:55:22

【问题描述】：

我有一些 html 从我的数据库进入我的 Ionic 应用程序，但是当有人单击此 HTML 中的预定义链接时，它会接管应用程序的全屏窗口，并且无法通过强制退出返回应用程序它。如何在每次加载此 HTML 时捕获这些导航事件而无需解析 HTML 并向其添加指令？

编辑以包含示例代码：

p.item-body(ng-bind-html="item.body")

item.body 包含<a> 标签。我想防止这些 <a> 标记在根 Web 视图中离开我的应用程序。

我不打算用它来阻止导航。我只需要捕获锚点以在 $cordovaInAppBrowser 中打开它们，而不是在我的应用程序所在的 UIWebView 中打开它们。

【问题讨论】：

请分享您的代码.. !!!

已添加，但我不确定它的价值。

【参考方案1】：

我绝对会推荐反对它，因为它的用户体验很糟糕，但你可以这样做：

function preventNavigation() 
    var allAnchors = document.getElementsByTagName('a');
    function prevDefault(evt) 
        evt.preventDefault();
    
    for(var i = 0; i < allAnchors.length; i++) 
        allAnchors[i].onclick = prevDefault;
        

【讨论】：

谢谢。我不打算用它来阻止导航。我只需要捕获锚点以在 $cordovaInAppBrowser 中打开它们，而不是在我的应用程序所在的 UIWebView 中打开它们。

【参考方案2】：

我最终遵循了这里的指示：https://www.thepolyglotdeveloper.com/2014/12/open-dynamic-links-using-cordova-inappbrowser/

这正是我想要的，但 yvesmancera 的回答也很有帮助。

【讨论】：

可以在这里添加相关说明吗？