IOS 上的离子应用程序中的外部链接问题

Question

我有一个显示用户输入文本的 Ionic 应用程序。在文本中，一些 HTML 是允许的。例如，这是允许的： <a href="http://www.google.com">Go to Google</a>

我正在使用所见即所得的编辑器供用户输入文本。 https://github.com/fraywing/textAngular

显示时，我希望 link 在手机的默认浏览器（IOS 上的 Safari）中打开。

为了显示文本，我正在使用 text-angular 的 ta-bind 指令：

<div ta-bind ng-model="article.contents"></div>

其中 article.contents 有 HTML 文本（用户输入）。

虽然这在 Android 中工作正常，但在 IOS 中 link 在 webview 中打开并破坏应用程序。

还有其他帖子提及应用程序浏览器插件并将 link 更改为 window.open('URL', '_blank')，但我无法执行此操作。

请注意，文本是在另一个 'Admin' 应用程序中输入的，该应用程序是一个网络应用程序（也称为 Angualr 应用程序）。

如何解决这个问题？

Answer 1

我通过使用 inapp 浏览器并创建自定义指令而不是使用 ta-bind 解决了这个问题。

.directive('customcompile', ['$compile', function ($compile) {
   return function(scope, element, attrs) {
     scope.$watch(
       function(scope) {
         return scope.$eval(attrs.customcompile);
       },
     function(value) {
       element.html(value);
       $compile(element.contents())(scope);
     }
)};
}])

我还不得不使用另一个指令来解决之前由 ta-bind 处理的 youtube 视频问题。

IOS 上的离子应用程序中的外部链接问题

Issues with external links in ionic app on IOS

javascript

ionic

textangular