问题标签 [angular-ui-router]

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

angularjs - AngularJs UI-Router 具有并排视图的嵌套状态

我有一个使用 ui-router 的 AngularJS 项目,我们在其中设置了一个具有两个并排视图的状态:

现在,我的 detail.html 文件还包含一个名为“detailPage”的 ui-view 项,我希望将其填充到并排的嵌套状态中,称之为 side-by-side.item。我不太确定该怎么做。我尝试了以下方法:

但这似乎不起作用。有什么线索吗?

提前谢谢了,

约瑟夫。

0 投票
2 回答
6066 浏览

angularjs - 对如何使用 Angular ui-router(如 gmail)实现基于选项卡的应用程序感到困惑

昨晚我在考虑如何将我们的 crud 应用程序移植到基于标签的应用程序,比如 gmail。首先,阅读了很多关于 ui-router 的内容,我认为创建一个 tabService 将为每个状态更改创建一个新选项卡(听 $rootScope.stateChangeSuccess),新选项卡将包含相应的视图(ui-view="bancos" ) 将显示状态模板。

我的第一个测试和我的第一个问题,当显示项目列表时,单击其中一个项目(例如 itemId=4)应该打开一个新选项卡并在此选项卡中显示 id=4 的项目,在相应的 ( ui-view="bancos/4")。请注意我如何尝试将命名的 ui-view 与状态映射以在相应的 ui-view 中显示状态定义的模板。

我知道 ui-router 示例似乎在做我正在尝试的事情,但是他们在父状态模板内使用带有未命名 ui-view 的嵌套状态。在我的例子中,父状态 ui-view 元素和他的子状态 ui-view 元素应该是同级的。

考虑到角度、树形结构的性质以及 ui-router 状态的性质、树形结构,我可以使用 ui-router 来实现我的要求(基于选项卡设计的 crud 应用程序)。

问候丹尼

0 投票
1 回答
4317 浏览

angularjs - Internet Explorer 8 上的 Angular JS ui-router

有没有人获得 Angular JS ui-router 快速入门以在 IE8 中运行?快速入门在这里: ui-router 快速入门

它在 chrome 中工作,但在 IE8 中不工作。

谢谢!

[编辑] 我已阅读 Angular js 下的 ie 文档,但提供的修复似乎无法解决问题(缺少 forEach 方法)。该修复仅解决了 angular js 的问题,而不是 angular-ui-router。

唯一有效的是这里的答案:AngularJS - IE8 html template。基本上为 forEach 提供了一个在 IE 中不受支持的实现。

0 投票
1 回答
343 浏览

angularjs - Angular ui.router 插入视图之前的任何事件?

我需要在分配视图内容之前插入 css/js。 $stateChangeStart, $stateChangeSuccess,$viewContentLoaded没有弄清楚我的问题。我想写这样的代码:

有什么解决办法吗?看起来我需要更改源代码并添加其他事件。

0 投票
1 回答
1321 浏览

angularjs - 重新加载解决

我的路由解析中有一个问题列表。然后,我有一个问题的项目视图,这些问题使用forEachlwith 来自父范围的列表来查找从$stateParams.

在视图中,用户可以回答问题。他们还可以查看他们过去提交的内容。我需要更新问题列表,以便在他们正确回答时有一个复选标记,所以我认为我应该重新加载最顶层的范围,但似乎没有办法从ui-router.

请注意,我可以知道用户是否正确回答的唯一方法是从提交列表刷新或刷新问题列表。发布答案是通过普通(非 AJAX)POST 完成的,并且答案由任务队列异步检查。

0 投票
0 回答
237 浏览

angularjs - 使用命名视图时,如何在基本状态下解析并获得解析的值?

TLDR:我无法让基本状态下的解析功能工作让我的命名视图显示正确的内容。

我有一组带有命名视图(此处的文档)的工作路线,如下所示:

我需要添加一个通过承诺加载 lodash 的决心:

如果我将此解析附加到索引状态,它可以正常工作。但是我在许多州都需要 lodash,所以我宁愿为所有州加载它(或者我可以将此基础称为“util”并将其添加为需要它的州的基础:

好吧,这不起作用,因为我的命名视图都没有加载,我只是得到一个空白页。不过,决心正在受到打击。页面加载正常,没有错误,并且 layout.jade 中的页面标题等正在加载。所以我尝试将 A/B 视图添加到base状态:

Crud,现在视图正在加载,但不正确。A 视图在标记中出现了两次,而 B 视图(在索引页面上为空)根本不存在。在短期内,我认为我可以通过在状态声明之外创建一个解析函数并将其放入每个状态的解析中来解决这个问题。

还有一个复杂的问题:我的大多数控制器都在他们自己的文件中声明,所以视图行看起来像:

0 投票
1 回答
1050 浏览

angularjs - Angular UI 路由器:1 个路由工作,下一个不工作

第一条路线有效,我看到state1.jade渲染的文件。但我没有看到state1list.jade使用相同后端呈现的文件。

url:"/state1"angular-ui-router 中的 for 是什么?如果这是一个可能的问题。

我正在使用 nodejs,表达所以服务器看起来像

在 angular-ui@github 上使用示例执行

0 投票
1 回答
658 浏览

javascript - 两个状态之间的角度 ui.router 倾斜过渡

我正试图围绕我将如何在下面的两个视图之间实现倾斜过渡。目前它只是替换了根中的 ui-view,并且地图不再存在。

如果我的配置是:

/index.html(包含所有必要的脚本和 css)

有谁知道我会怎么做?我迷路了

谢谢。

0 投票
1 回答
1317 浏览

angularjs - AngularJS UI-Router 导航到子 URL

尝试使用 Angular UI-Router 链接到子 URL(对此非常新)

我有:-

我可以导航到产品和客户,但不能导航到 products.edit 状态。

这是一个PLUNKER

0 投票
1 回答
10541 浏览

angularjs - angularjs ui-router中的表单提交

我正在使用 angular-ui-router。提交表单时,我想激活ui-routing,它是用Angularjsui-sref= "url"中没有action元素定义的,所以我正在使用ng-submit元素。

我如何/在哪里定义ui-sref网址?

通常具有以下form代码。但是下面的“url”不是通过 ui-router 路由的。

我想做类似的事情

这样路由就通过 myAngularApp.js 进行,如下所示:-