AngularJS 和 Windows 8 路由错误

我正在尝试使用 Visual Studio 2012 在 Windows 8.1 上使用 AngularJS 创建 HTML5/JS/CSS3 应用程序。我目前坚持将参数发送到其他视图。

当谷歌搜索时，我看到几个使用的例子<a href="#/page/{{:pageId}}">link</a>当我在 Windows 8 应用程序中执行此操作并单击链接时，出现以下错误。

没有安装应用程序来打开此类链接（不安全）

当我把{{:pageId}}A 标签之间的代码显示其 ID。

app.js

var myApp = angular.module('myApp', ['ngRoute', 'ngResource']);

myApp.config(['$routeProvider', function($routeProvider) {
    $routeProvider.when("/", { templateUrl: "views/home.html" })
        .when("/page/:pageId", { templateUrl: "views/page.html" })
        .otherwise({ redirectTo: "/" });
}]);

有什么办法可以解决这个问题呢？

- 更新 -

我又做了一些调试。 在浏览器中一切正常。 在视觉工作室中我发现了以下内容：

<a class="ng-binding" href="unsafe:ms-appx://3595d292-0235-47cd-8db7-cb3019f29114/www/index.html#/page/1" data-ng-href="#/page/1">Select</a>

看起来 VS 正在添加一些代码。在源代码中我没有包含 href 项目

我已经更改了链接，一切看起来都很好，而且加载了正确的变量，只有 VS 不断在链接的前面添加“不安全：”。

问题解决了！

似乎是 ms 添加的 ms-appx 导致了问题。通过添加以下代码可以解决此问题。

AngularJS 1.2

app.config(['$compileProvider', function($compileProvider) {
  $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|file|ms-appx):/);
}]);

对于 1.1.x 和 1.0.x，请使用 urlSanitizationWhitelist。

如果你使用PhoneGap，记得添加https之外的文件吗？否则，链接将不起作用。