当前位置: 首页 > 面试题库 >

AngularJS和Windows 8路由错误

鄢子平
2023-03-14
问题内容

我正在尝试在带有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: "/" });
}]);

有什么解决方案可以解决这个问题?

-更新-

我已经做了一些调试。在浏览器中,一切正常。在Visual Studio中,我发现了以下内容:

<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不断在链接的开头添加’unsafe:’时,才加载正确的变量。


问题答案:

问题解决了!

似乎由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?以外的文件,否则,链接将不起作用。



 类似资料:
  • 主要内容:AngularJS 实例,路由设置对象,AngularJS 实例本章节我们将为大家介绍 AngularJS 路由。 AngularJS 路由允许我们通过不同的 URL 访问不同的内容。 通过 AngularJS 可以实现多视图的单页 Web 应用(single page web application,SPA)。 通常我们的 URL 形式为 http://xnip.cn/first/page,但在单页 Web 应用中 AngularJS 通过 #! + 标记

  • 问题内容: 我正在按照本教程进行操作,试图在我的MVC3应用程序中包含一个SPA,该SPA由控制器DemoController.cs调用。 当应用尝试通过导航栏加载不同的模板(about.html,contact.html和home.html)时,出现404错误。 这是我的目录结构(不包括MVC3应用程序的其余部分): 这是我的script.js文件,我在其中定义路由。 这是我的index.htm

  • 问题内容: 我目前有一个内置路由的AngularJS应用程序。它可以正常工作,并且一切正常。 我的app.js文件如下所示: 我的应用程序内置了CMS,您可以在其中复制 / pages 目录中的新html文件并添加新的html文件。 即使对于新动态添加的文件,我仍然希望通过路由提供程序。 在理想的情况下,路由模式为: $ routeProvider.when(’/ pagename ‘,{temp

  • 问题内容: 我正在使用Express 4在我的后端托管AngularJS应用,而Nginx作为前端服务器。但是html5模式似乎不起作用,因为当我尝试通过浏览器输入页面链接(例如)时,我将收到Cannot / GET错误。我需要为Express / Nginx做任何路由配置吗?这是我的配置代码: 快递4: AngularJS: Nginx: 问题答案: 我假设您使用的是“单页”角度应用程序,因此一

  • 本文向大家介绍AngularJS 路由详解和简单实例,包括了AngularJS 路由详解和简单实例的使用技巧和注意事项,需要的朋友参考一下 AngularJS 路由 本章节我们将为大家介绍 AngularJS 路由。 AngularJS 路由允许我们通过不同的 URL 访问不同的内容。 通过 AngularJS 可以实现多视图的单页Web应用(single page web application

  • 问题内容: 我正在研究一个新的ASP.NET MVC和AngularJS应用程序,该应用程序旨在作为SPA的集合。我使用MVC区域概念来分隔每个单独的SPA,然后在每个MVC区域内使用AngularJS创建SPA。 由于我是AngularJS的新手,并且无法找到有关结合MVC和AngularJS路由的答案,因此我想在这里发表我的问题,以查看是否可以获得帮助。 我有标准的MVC路由设置,可用于每个M