Windows Phone 8 Ionic 应用程序导航问题（混合应用程序）答案

【问题标题】：Windows Phone 8 Ionic app navigation issue(Hybrid Application)Windows Phone 8 Ionic 应用程序导航问题（混合应用程序）
【发布时间】：2015-11-18 00:14:18
【问题描述】：

我正在使用 Ionic 为 Android 和 WP8 开发一个混合应用程序。它在 Android 平台上运行良好，但是当我最近在 WP8 上使用它时，它向我展示了

“您需要为此任务安装一个应用程序。您要搜索在商店买一个？”

当我点击一些链接（内部应用链接）时。请任何人告诉我为什么会这样。提前致谢。

【问题讨论】：

标签： angularjs cordova windows-phone-8 ionic-framework ionic

【解决方案1】：

由于 ms-appx IE 问题，在 windows phone 中出现问题：

当您在 Windows Phone 上的应用中使用 ng-href 和动态 url 时，例如：

<a ng-href="#/view/"> click here </a>

您会注意到，当您单击 url 时，您会收到一条消息“在 appstore 中搜索应用程序？”。您收到此消息是因为 AngularJS 无法处理 Windows Phone IE 添加的前缀。您可以通过将 HTML5 他添加到您的应用程序来轻松解决此问题。

    .config([
      '$compileProvider',
      function ($compileProvider)
        $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|ghttps?|ms-appx|x-wmapp0):/);
        // Angular before v1.2 uses $compileProvider.urlSanitizationWhitelist(...)
      }
    ])

如果 本地和动态图像未在应用中显示，则添加与您的 app.js 相同的以下内容

 $compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|ftp|file|blob|content|ghttps?|ms-appx|x-wmapp0):|img\//);

更多详情请点击此处link1、link2、link3 和link4。

【讨论】：

【解决方案2】：

安装cordova-plugin-inappbrowser

【讨论】：

我已经安装了这个插件，但我遇到了同样的问题，并且还出现了其他问题，例如滚动和收集重复不起作用，而不是这个我使用 ng-repeat 指令在 ionic 应用程序中显示列表。

【解决方案3】：

关于这个帖子What is x-wmapp2 and x-wmapp1?，有这样的东西也可能很糟糕：

$compileProvider.aHrefSanitizationWhitelist( /^\s*(g?https?|ftp|mailto|tel|file|local|ms-appx|x-wmapp\d+):/ );

我在我的正则表达式中使用x-wmapp\d+ 而不仅仅是x-wmapp0。

【讨论】：