问题标签 [angular-ui-router-extras]

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 投票
0 回答
166 浏览

angularjs - angular ui-router-extras 可以将控制器和工厂(在延迟加载模块中)放入另一个模块,如 module1.controller?

我已将ui-router-extras放入我的项目以通过延迟加载模块添加状态,它工作正常,我将控制器、工厂、提供程序等放入另一个模块,就像 module1.controller 一样。module1 依赖于module.controller,module1 中定义的状态需要module.controller 中定义的控制器。模块1代码:

module1.controller 代码:

当应用程序运行时,出现异常:错误:[ng:areq] Argument 'Ctl1' is not a function, got undefined

我能做些什么呢?

0 投票
1 回答
139 浏览

angularjs - AngularJS 使用 stateProvider 嵌套状态

我正在尝试使用 stateProvider 实现嵌套状态。使用 url-routing 加载嵌套状态时面临问题。我为其中一个独立状态创建了两个独立状态和 2 个嵌套状态。请检查以下状态配置:

问题:如果我尝试使用完整 url 直接加载完整页面index.html/page2/nestedstate1/nestedstate2/fname/lname,它将首先从最后一个子状态nestedstate2加载数据,然后回退到其父状态“ nestedstate1 ”,并将 url 更新为index.html/page2/nestedstate1.

必需的行为是先执行父状态,然后是子状态。例如,nestedstate1 必须在 nestedstate2 之前加载。

请建议我是否缺少任何配置。

谢谢

0 投票
1 回答
2601 浏览

angularjs - 使用 ui-router-extras-future-state 模块登录后注册未来状态

我自己试图在登录后根据用户类型注册未来状态。

例如:如果user_typebuyer,那么我需要注册我维护的所有路由器futureStates_buyer.json

如果user_typeadmin,那么我需要注册我维护的所有路由器futureStates_admin.json

实验一(根据样品)

示例网址:http ://christopherthielen.github.io/ui-router-extras/example/future/

我可以在配置阶段设置以下配置。我知道提供程序设置应该在配置阶段。

工作演示:http ://plnkr.co/edit/9dUm0f6g2V5PM4m7YlTD?p=preview

实验2(这是我正在尝试的)

但是,就我而言,我不想在配置阶段为整个应用程序注册所有路由器。这将是非常高的配置。所以我正在尝试的是,一旦登录,我可以在登录响应中获取用户类型,基于该用户类型,我需要注册未来的状态。

不工作:http ://plnkr.co/edit/pCEKLopOqSKghermTHP8?p=preview

任何帮助将非常感激。提前致谢 :)

0 投票
2 回答
5168 浏览

angularjs - 如何在带有 Ui.ROUTER 的 angularJS 中“记住”滚动位置

我有一个项目,我正在将 angularJS 与 ui.router 一起使用,如果用户单击事件以查看详细信息,我们有一个可能非常长的事件列表(具有无限滚动),但是在单击返回时会显示返回按钮div 的滚动重置回顶部!寻找一些关于是否有任何内置的东西可以用来记住这个滚动位置的建议,我知道有 anchorscroll 服务,但我想知道是否没有更适合阻止角度重置导航滚动位置的东西?? 因为有一些与此类似的列表需要在滚动时记住它们的状态。我已经研究并尝试实现 ui-router-extras dsr 和sticky,但两者都不起作用.. http://codedef 上
的示例。 com/hapzis_poc/ . 不是完整的证明,但应该能够向下滚动事件,单击并返回并保持相同的滚动位置..

0 投票
2 回答
1283 浏览

angularjs - 如何将自定义数据动态添加到每个状态对象

在下面的示例中,我有像这样的自定义数据,data:{roles:[]}我需要data:{user:[]}为每个状态动态添加自定义数据属性

0 投票
2 回答
23669 浏览

angularjs - 如何使用 ui-router 获取带有参数的先前状态

问题陈述 :

我有一个“添加评论”按钮,我应该只有在登录系统后才能添加评论。

但问题是登录后我无法返回“添加评论”页面,因为我不知道之前的状态或无法获取之前的状态。

有没有更清洁的解决方案?我应该让登录页面成为模式而不是新页面吗?

我已经看到了有关先前状态的所有问题以及可能的答案(是的,我正在考虑 $rootscope 和 $stateChangeSuccess)。但并未明确提出解决方案。

其他可能的解决方案如下 http://christopherthielen.github.io/ui-router-extras/example/previous/index.html#

我还看到了 https://github.com/angular-ui/ui-router/issues/92。但同样,我不确定正确的答案是什么。

有人可以清楚地说明一个好的解决方案。使用 rootscope 好用吗?

0 投票
1 回答
1598 浏览

angularjs - 使用 ui-router 在一页上显示多个状态

目前我正在研究为以下场景配置 ui-router 的可能性。如果有人知道如何实现这一点,那就太好了。

我有一个简单的单页导航布局。每个导航项都有一个包含内容的 div 框。我现在如何在一个页面上定义多个状态(对于每个导航项,一个状态具有单独的控制器和模板)?

之后我想实现一个解决方案,当我单击导航项以滚动到相应的 div 容器时。基本上这是用 HTML 锚点制作的,但我如何用 ui-router 解决这个问题?或者这不可能吗,我必须创建一个具有单独视图的状态?

下面的示例图像向您展示想要的布局:

示例布局

希望有人对此有解决方案。

提前致谢,
xyNNN

0 投票
0 回答
159 浏览

angularjs - Angular ui-router-extras $$uirouterextrasreload

当我像这样重新加载我的 ui-router 的状态时:

我得到一个 url 参数$$uirouterextrasreload

有谁知道为什么这个参数添加到 url 以及如何删除这个参数?

0 投票
1 回答
1889 浏览

angularjs - 带有 oclazyload 的 ui-router 状态不会将新模块加载到应用程序

在使用 oclazyload 和 ui-router 在 app.config 中定义状态时,我正在尝试将新模块“testlazy”加载到应用程序中

我需要连接 require.js 以使用现有应用程序加载新模块吗?我认为 oclazyload 实际上会引用添加到应用程序中的新模块。如果我走错了路,请纠正我

这是我的新模块,位于

我有一个 module.js 文件和 testlazyController.js。

在我的 index.html

我的 app.js

我的 testlazyController.js

我的 module.js

我在控制台中不断收到错误:$injector:nomod Module Unavailable 错误。

一旦我使用脚本标签引用 index.html 中的 js 文件,它就可以工作,但是我不再使用延迟加载正确吗?

0 投票
1 回答
1398 浏览

angularjs - AngularJS ui-router子到父视图

我在子到父导航时遇到路由问题。

我的路由配置如下:

我想template从“列表状态”导航到状态。我使用了以下代码,它运行良好。

当我想导航到“template.detail”状态时,我使用了以下代码并且它运行良好。

现在,我想从子“template.detail”导航“到模板”状态。所以我使用了以下代码。

但是这个路由不起作用。当我将孩子路由到父母时,请有人告诉我该代码的问题。

谢谢, 埃兰蒂卡