问题标签 [ngroute]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
13483 浏览

angularjs - Angular ngRoute 无法查看

我正在尝试在应用程序中使用 Angular 的路由机制,但是在单击应该导致路由的元素时,我得到了一个无法 GET viewName,其中 viewName 是任何视图。

这是我的 app.js 脚本文件:

这是我的 index.html:

任何有关如何解决此问题的建议都非常受欢迎。我的工作基于最新版本的 ngRoute 文档。谢谢你。

0 投票
1 回答
187 浏览

angularjs - 执行简单Javascript时如何使用ngRoute

我有一个控制器,没有模板。

当 url 为 /warenkorb ( http://server.com:3000/shop.html#/warenkorb )时,我只想执行一个 javascript 函数

我该怎么做?在我的示例 showWarenkorb() 中从未调用过。

0 投票
1 回答
163 浏览

angularjs - ngRoute 不起作用

我有两个角度路由问题并解决。我对 Angularjs 很陌生。这就是为什么我的问题可能非常愚蠢。

  1. 当我mysite/lsrc?q=keyword在浏览器的地址栏输入时,浏览器会在页面上显示 Json 结果。浏览器无法转发到searchView.html

    但是我在 pageCtrl.js 上有一个事件。页面可以通过$location.path('/lsrc').search(searchService);您也可以看到下面提到的事件转发到相同的 URL。

  2. 我在 searchView.html 上看不到 searcView 模型。我认为我的

这是相关的代码部分

页面控制.js:

SearchController.js:

搜索视图.html:

搜索资源.js:

您的帮助将不胜感激。

0 投票
1 回答
645 浏览

angularjs - 如何避免使用 AngularJS ngRoute 持久化查询字符串

当我不希望查询字符串保留时,我在 AngularJS 中的路由更改中保留查询字符串时遇到问题。我创建了一个 plunker(如下)来尝试重现此问题,但我发现查询字符串通常不会在路由更改中持续存在,如本问题所述。

http://plnkr.co/edit/SD8QMdSeAfAnVP3ZNHK4?p=preview

我刚刚升级到 AngularJS 1.3,但在以前的 1.2.(12|24) 版本中发现了相同的行为。不幸的是,有问题的源代码是专有的,所以我不能分享导致问题的确切代码。

我已经尝试了所有方法,但调试到 Angular 源代码以找出为什么我的查询字符串在路由更改中仍然存在。有没有其他人遇到过这个问题或知道如何关闭它?

更新

请注意,诸如简单地删除查询字符串之类的解决方案将不起作用,因为我的许多链接实际上包含某些查询字符串参数的默认值。

0 投票
1 回答
387 浏览

angularjs - ngAnimate 和 ngRoute 之间的奇怪冲突

我注意到 ngAnimate 和 ngRoute 之间有一个非常奇怪的错误(或者我做错了什么)。如果我尝试重新加载当前路线而不重新加载整个页面,则会出现问题并且我无法重新初始化传单地图。我创建了一个plunker来演示这种行为。

如果我/你没有加载 ngAnimate 模块,一切都会按计划进行。我做错了什么还是错误/功能?

干杯,丹尼尔

0 投票
1 回答
110 浏览

javascript - 范围外的 ng-route 处理

编辑 - 添加了一个 plunkr http://plnkr.co/edit/euD4FG?p=preview

RouteController 没有被调用,请看一下

小提琴:http: //jsfiddle.net/smartdev101/tv1p9n4h/

HTML

0 投票
2 回答
930 浏览

javascript - 如何从angularjs中的路由构造控制器名称

我正在尝试定义一个通用路由来处理大部分请求。为每个功能添加添加路由是我觉得不好且不可维护的。

所以我的目标是编写一个通用路由并动态解决问题,包括解析所有依赖的控制器和服务文件、解析 templateUrl 和解析控制器名称。我可以解析/构造除控制器名称之外的所有内容。请帮我解决

我使用自定义解析器的路线:

在我的自定义解析器中:

一些好文章: https ://github.com/angular/angular.js/wiki/Understanding-Dependency-Injection https://medium.com/opinionated-angularjs/advanced-routing-and-resolves-a2fcbf874a1c

0 投票
1 回答
904 浏览

angularjs - 由于 ngRoute 的 $routeProvider...,ngMock 抛出模板加载错误...?

我只是将 ngMock 包含到我的项目中,因为我需要它来用于 $httpBackend。我有一堆业力/茉莉花测试设置,在包括 ngMock 之后,一切都因为它导致的错误而中断:

似乎它不喜欢 ngRoute/$routeProvider。具体来说,它打破了 else/redirectTo 语句。如果我注释掉该部分,则业力/茉莉花测试可以正常工作。

请注意,我正在使用 angularAMD(用于延迟加载),但即使我重写该部分以仅使用 {} 而不使用 angularAMD.route(),它仍然会引发相同的错误。IE:

知道为什么 ngMock 不喜欢 ngRoute 吗?现在,我创建了一个解决方法,在运行 karma/jasmine 测试时跳过 $routeProvider 部分。但是我试图了解发生了什么,我不应该在单元测试期间设置 $routeProvider (这是不好的做法)?

[编辑:]问题似乎也出现在其他部分。我正在运行一个测试,其中包含一个正在加载模板的服务,它还会引发错误:

[编辑:]我打电话时似乎抛出错误$httpBackend.flush();

[编辑:]太好了,找到了与问题相关的帖子。不敢相信谷歌在我搜索时没有显示任何相关结果。解决方案:如果您是从 Google 搜索结果中找到自己的,请查看以下内容:post 1post 2

[编辑:]无法让任何这些解决方案与 angularAMD 一起使用。有什么建议么?

0 投票
1 回答
126 浏览

angularjs - Windows 8 和 href

我正在尝试将 AngularJS 网络应用程序转换为多设备应用程序。

在 Web 应用程序中,我使用了 ngRoute。基本上是这样的

}]);

在 index html 页面中有一个简单的 href 和 ngView,如下所示:

如果我在 Ripple for android 中运行应用程序,它就像一个魅力,但在 Windows 或 Windows ARM 上根本不起作用!似乎它不知道如何解释链接上的#。

我该如何解决?

谢谢!

0 投票
0 回答
951 浏览

javascript - 路由中的 AngularJS 正则表达式将某些参数限制为 int 类型

我一直在寻找很多参考资料,例如:

用于加载不同控制器和视图的类似 url 的 AngularJS 正则表达式路由

AngularJS - 路线 - 如何匹配星(*)作为路径

这些是1-2年前的问题。我正在使用 AngularJS v1.2.16,我想知道我的版本或更高版本的 AngularJS 是否已经支持路径参数中的正则表达式模式。

我是说。我有这两条路线

然后,我想输入一个模式来限制:number为整数,但控制器和视图在两种情况下都是相同的,即

或类似的东西。AngularJS $routeProvider已经可以了吗?

我知道AngularUI 路由器,但如果可能,我希望使用 $routeProvider

有任何想法吗?