问题标签 [angularjs-ng-route]

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 投票
1 回答
645 浏览

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

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

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

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

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

更新

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

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 回答
1100 浏览

angularjs - 角部分

目前我正在尝试将现有的 Knockout 应用程序迁移到 Angular MEAN 堆栈应用程序。在淘汰赛中,index.html 包含此代码

如何使用单个控制器(或)多个控制器在 Angular 路由中实现这种部分 html 文件加载。保存“invitation-creating.html”页面后,我应该能够转到“invitation-done.html”但 url 应该是相同的(我不想要这个 -> websiteurl/invitation_id)

请参阅实际操作http://invitify.azurewebsites.net,当您创建邀请时,它将带您进入下一页 (invitation-done.html),而无需浏览器更改其 url。这是在淘汰赛中实现的,但我也想在我的 Angular 应用程序中实现相同的效果。Knockout 代码在 github 上供您更仔细地查看。https://github.com/scriptstar/KOInvitify

在 Angular 应用程序中实现这种行为的最佳实践是什么。

请帮忙。谢谢。

0 投票
1 回答
7958 浏览

angularjs - 如何在不使用 yeoman 的情况下使用 Node.js 在 Heroku 中托管 AngularJS 应用程序?

我正在尝试使用 Node.js 将使用 AngularJS 的 Hello World 构建推送到 Heroku。但是有多个视图(部分)。

我首先在没有使用 ngRoute 的情况下部署了 Hello World,意思是:没有部分。那很好,很顺利。然后,我尝试推送 2 个简单的部分。但我认为问题在于托管应用程序并同时要求部分。我知道这不是正确的方法,我需要您的建议。

这是我的 index.html:

部分“模板/second.html”

部分“模板/index.html”

我的快递应用:

显然,Procfile:

到目前为止,我发现的所有教程都使用 Yeoman,但我不想使用 Yeoman 或任何其他脚手架(如果是这样的话)工具。

问:是否可以在我存储部分的同一个 Heroku 应用程序中托管 AngularJS 应用程序?如果是这样,我做错了什么?如果没有,最好的方法是什么?

0 投票
1 回答
562 浏览

angularjs - 与 ng-router 的哈希冲突

我正在使用ng-router默认情况下与 div ID 映射的 Bootstrap 选项卡。Angular 将选项卡链接视为路由并尝试路由它们而不是打开选项卡?我如何告诉 Angular 应该忽略这些链接,或者我如何实现选项卡以便我不必使用 ID?我有许多这样的 Bootstrap 小部件,例如使用 ID 的选项卡、面板。

角度链接如下:

和标签链接是这样的:

0 投票
2 回答
27513 浏览

angularjs - Angularjs ng-view 不起作用

我正在尝试使用angualrjs + ngRoute.

为什么它对我不起作用???

拜托,谁能看看我的Plunker 示例,并向我解释我做错了什么?

我的 index.html:

这是 app.js:

设计.html:

和 dev.html

谢谢

0 投票
1 回答
1193 浏览

angularjs - AngularJS 根据服务承诺解析路由

我正在使用 ngRoute 并尝试根据我定义的服务中的函数结果来解析我的路由

我的服务如下:

如您所见,我只有一个简单的会话检查功能,它根据 http 请求的结果设置属性。

然后我有这样的路由设置,目前只在路由路径上进行解析:

正在发出服务器端请求,我看到视图加载暂停,直到收到响应。在我的测试中,我返回了一个失败案例,因此拒绝了 promise 的状态以导致 $routeChangeError 被触发,但它永远不会发生,并且我的视图继续加载。

如果我在解析块中使用注释掉的测试代码行而不是我的服务例程调用,那么

然后触发了 routeChangeError 事件,那么为了只使用我的服务例程调用的结果,我缺少什么?

0 投票
1 回答
440 浏览

angularjs - AngularJS 路由不起作用。获得空白输出

我不确定为什么路由不起作用。View1.html 包含一个简单的网页,view2.html 也是如此。view1.html 和 view2.html 都位于名为 partials 的文件夹中,而“angular-route.js”和“angular-route.min.js”位于主文件夹中名为 node_modules 的文件夹中。我正在使用 ubuntu 14.04。

0 投票
2 回答
141 浏览

javascript - Angularjs ngRoute 不起作用:未捕获的错误:[$injector:modulerr]

我试图弄清楚为什么会出现此错误:

Uncaught Error: [$injector:modulerr]

我在 index.html 中有以下代码



mainscript.js


和 config.js




正如你所看到的,我已经包含了 ng-route.js、ngRoute 模块,但是有些东西不起作用......

0 投票
1 回答
390 浏览

javascript - AngularJS路由参数随机斜线数

我正在创建一个 AngularJS 应用程序,它将从 Guardian API 获取内容。我正在使用路由,所以当它在“articles/:articleId”时,我可以获得articleId参数。在这种情况下,“articles/123”工作正常,它返回 123,但 Guardian API id 是:

因此,它不再将 news/:articleId 识别为路由,而是跳过该控制器并返回到正常的 (.otherwise()) 控制器。有什么方法可以让我在 /news 之后获得全部内容,在这种情况下,要返回的整个参数:

谢谢。