问题标签 [angular-routing]

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 投票
22 回答
268268 浏览

javascript - 如何根据AngularJS局部视图动态更改标题?

我正在使用 ng-view 来包含 AngularJS 部分视图,并且我想根据包含的视图更新页面标题和 h1 标题标签。但是,这些超出了部分视图控制器的范围,因此我无法弄清楚如何将它们绑定到控制器中的数据集。

如果它是 ASP.NET MVC,您可以使用 @ViewBag 来执行此操作,但我不知道 AngularJS 中的等价物。我搜索了共享服务、事件等,但仍然无法正常工作。任何修改我的示例以使其正常工作的方法将不胜感激。

我的 HTML:

我的 JavaScript:

0 投票
1 回答
1478 浏览

asp.net-mvc-3 - 角度路由与 Asp.Net MVC 3 不匹配

我正在尝试在已经存在的 MVC 3 站点中使用 Angular。我已经让我的主要 ngApp 使用第一个加载的项目,但是一旦我添加一个模块并尝试实现$routeParams它,路由提供程序似乎开始崩溃。在我的 MVC 3 应用程序中,我有一个/Article/ReadArticle/key允许 key 为 null 的有效路由路由,并且我有一个相应的控制器/操作来传递请求的文章。如果key为 null 或为空,则提供最新输入的文章。我有另一个发布操作,它做同样的事情,只是它返回一个JsonResult而不是一个视图。

我修改了我的视图以排除任何 MVC 构造的模型,因此该操作仅返回本质上是一个包含所有角度模板的 html 页面。角度控制器调用 JsonResult 的 post 操作,一切都很顺利。我根据示例在角度模块中添加了路由,但由于某种原因,它似乎没有捕捉到路由:

我评论了这个otherwise电话。如果我把它留在那里,它会起作用,但只会带来默认文章。手动输入一个有效的路线如/Article/ReadArticle/Some_Valid_Key不会产生任何合适$routeParams的。注释掉,似乎没有匹配的路线,因此没有加载模板并且页面是空白的。

根据样本,我的期望是此时$routeParams.key应该填充Some_Valid_Key。显然,我的期望与现实不符,但我缺少什么来获得表现的路线?

0 投票
2 回答
3472 浏览

angularjs - 使用 QueryString 参数导航到 AngularJS 的 SPA

我的 SPA 的链接由绝对 URL + Query-String 参数构成,如下所示:

我的路线配置是:

给定我的配置,当路由到 时/,我如何保留personId参数以便它在相应的控制器 ( peopleController) 中可用并且我将能够访问它。

0 投票
2 回答
30624 浏览

angularjs - 如果用户已登录 AngularJS,则重定向索引页面

我试图改变用户在访问我的网站时看到的页面。如果他们是匿名的,他们应该会看到注册页面。如果他们已经登录,他们应该会看到他们的仪表板。

我有一个服务可以检查用户是否登录(例如检查 cookie),它会在 Angular 服务加载时触发。我曾尝试使用 $routeProvider 进行重定向,但在初始化 $routeProvider 时尚未触发服务,因此它始终认为用户未登录。

加载初始页面后,我可以轻松重定向,但我正在努力重定向加载的第一页。任何人都可以就如何做到这一点提供建议吗?

0 投票
1 回答
23608 浏览

angularjs - 解析中的Angularjs依赖注入

我想使用适当的依赖注入MyCtrl1来注入MyCtrl1.resolve对象的字段。我尝试了许多不同的尝试注入@MyCtrl1.resolve等组合,但没有运气。

0 投票
5 回答
29378 浏览

cordova - Angular ng-view/routing 在PhoneGap 中不起作用

我在 PhoneGap 中遇到了 ngView 的问题。

一切似乎都加载得很好,我什至可以使用 ng-controller 获得一个基本的控制器。但是当我尝试将路由与 ngView 一起使用时,什么也没有发生。

索引.html

应用程序.js

Eclipse 记录器会onMessage(onPageFinished, fle:///android_asset/www/index.html#/test)在我每次单击该链接时显示,并且在不尝试的情况下尝试它#会引发找不到路径的错误。

从我在其他地方准备的内容来看,这应该可以工作。任何帮助将不胜感激。

0 投票
1 回答
222 浏览

angularjs - 定义angularjs路由时,如何使显式路径优先于命名参数

在以下示例中,两个路由都解析为 detail.html 模板。我如何使第一条路线优先,因为它是明确定义的而不是作为命名参数?

0 投票
1 回答
3296 浏览

javascript - 在 AngularJS 中突出显示当前活动菜单的正确方法是什么?

我有一个路由器,当某些路由处于活动状态时 - 我显示正确的模板。但是我的导航菜单与此不同步.. 将导航菜单与路由器同步的正确方法是什么?

我想过NavigationCtrl,但我需要特殊服务,这将是其他控制器和导航之间的一层......

目前我的导航是这样的:

0 投票
3 回答
10082 浏览

android - 角度 ng-view phonegap 不起作用

我正在尝试在 android 中使用 angularjs 和 phonegap 制作基本应用程序。但这似乎不起作用。以下是我的源代码文件:

索引.html

main.js

index.js

当应用程序加载时,路由器似乎无法正常工作,因为它没有进入 Homecontroller。

从我在其他地方准备的内容来看,这段代码应该可以工作。任何帮助将不胜感激。

0 投票
1 回答
3711 浏览

angularjs - Angular路由器中具有嵌套状态的后退按钮

我有一个使用新的、基于状态的ui-router的 AngularJS 应用程序。我的应用程序中有三个不同的视图,其中一个是顶级视图,另外两个是嵌套视图。

结构基本如下:

路由器设置如下:

问题是,当您单击或手动输入 url 时,基本上一切都按预期工作,但在使用浏览器的后退/前进按钮时它不起作用。

例如,你去/foo吗,你被带到/foo/bar,正如预期的那样。当您然后单击链接转到 时/foo/baz,一切都很好。然后单击一个链接,将您带到/,一切都很好。

If you now hit the back button, you are taken back to /foo/baz (which is correct), but only the /foo/fooLayout.html view is rendered, not its sub-view /foo/bazView.html. The strange thing is now that if you hit the back button again, you are taken to /foo/bar and it renders correctly, including its subview! It seems as if nested views weren't recognized when using the back button, at least, if you enter an abstract view at the same time.

$locationProvider.html5Mode is not enabled, but enabling it doesn't make any difference.

I am using AngularJS 1.0.5 and ui-router 0.0.1-2013-03-20.

Any ideas what might cause this issue, and how I might solve it?