问题标签 [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 投票
2 回答
479 浏览

angularjs - 当我回到Angularjs Ui-Router中的路线时如何避免重新绘制模板

在当前版本中,当我从状态“a”到状态“b”然后回到“a”时,“a”的模板被重新绘制,而不是恢复模板。结果是,一旦我离开“a”,模板“a”中的用户数据就会丢失。

(问题也存在于 Angular 的内置路由服务中)。

现在,这将是我不想拥有 ui-router 的唯一原因(其他一切都很棒),因为这种行为不适合我们最重要的用例之一。同样对我个人而言,这似乎不是最合乎逻辑的行为。

我想知道是否有办法使用内置的东西来实现这一点。

(在对源代码进行了几次修改后,我能够得到这种行为。)

0 投票
2 回答
2657 浏览

ios - 在 Mobile Safari 上调试缓慢的 angular-ui-router 状态更改

我正在编写一个角度应用程序,使用 angular-ui-router 来管理状态/路由。

在桌面浏览器(Chrome / Safari)上,这工作正常。但是,在 iPhone 4 上的 IOS 6 上的 Mobile Safari 上(以及在 iPhone 5 上的 IOS 7 上的较小扩展)上,通过 $state.go 更改状态可能需要长达 2 秒的时间。

我正在使用 ngTouch,所以我不认为原生点击事件需要 300 毫秒才能触发。不调用 $state.go 的 ngClick 属性现在似乎可以立即工作。

我如何调试它以找到时间花在哪里?

0 投票
1 回答
12831 浏览

javascript - testing angularjs ui-router go() method

I have a controller which gets a value from $scope and sends it to a different state:

I am unsure how to go about unit testing this search method. How can I either verify that the go method has been called or do some sort of when($state.go('search', $stateParams)).then(called = true); with Karma/AngularJS?

0 投票
6 回答
29401 浏览

angularjs - ui router onEnter 中的访问范围或服务以检查访问(auth)

好的,所以我有一个 URL“/securepage”的状态,每当用户尝试访问它时我都需要检查它。所以我读到有一个我可以使用的 onEnter 函数。但我似乎无法从那里获得范围或服务。我究竟做错了什么?

我看到的当前选项是使用解析和/或检查控制器中的身份验证。但是在 onEnter 中放置身份验证检查不是更好吗?

0 投票
1 回答
39979 浏览

angularjs - AngularJS 使用 ui-router 通过 ng-click 更改路由

如何使用 ng-click 而不是应用 ui-sref 的链接更改 route.state。

我试过这个:

但它不起作用。有任何想法吗?

0 投票
2 回答
23096 浏览

angularjs - 到 $routeProvider 或 $stateProvider

我一直在为这个困境寻找一个合理的答案,无论是 routeProvider 还是不。

看来 $routeProvider 很快就要停产并替换为 $stateProvider 不幸的是,我不知道这个语句的准确性,而且 stateProvider 仍然只能通过 ui_router 插件获得。

是否计划将 stateProvider 添加为 AngularJS 核心的一部分?假设它将很快取代旧的 $routeProvider 是否可以节省?

它们当然不能很好地结合在一起,而且我在 github 中找到的迁移 CI 不起作用并且缺少文档。

0 投票
1 回答
2332 浏览

angularjs - AngularJS UI-Router 改变依赖模块的状态

所以我正在为我的应用探索不同的配置选项。我的主要目标是找到一种在最高级别配置状态/路由的方法,即使相关的角度模块声明了自己的路由/状态。我想出了几个选项,但我不确定它们是否可能:

假设我有依赖于 module2 的 module1

1:如果 module2 声明了自己的状态/路由,有没有办法可以从 module1 中删除或覆盖它们?

2:有没有办法我可以获得推荐状态列表(表示状态的对象,例如{name: 'state', templateURL: '/someURL'}并使用module1从逻辑上确定哪些stateObjects给$stateProvider?

3:是否可以访问不在配置中的 stateProvider?例如,假设我在配置中设置了以下内容:

我可以在他们通过创建状态后添加“审查”状态吗?

如果还有其他我没有考虑的选项,请告诉我,如果上述任何一项可行,请告诉我。

0 投票
9 回答
24004 浏览

angularjs - UI Router 条件 ui 视图?

我想不出一个合理的方法,感觉不像是黑客,来解决这个相当微不足道的问题。

我希望客人在访问网站索引时看到启动页面,并希望登录用户看到他们的个人资料,每个页面都有自己的模板和控制器。理想情况下,一个 url 会有两种状态,并且不知何故,我将能够根据登录状态自动更改活动状态。这两个视图都有自己的嵌套视图,因此不能使用 ng-include(我假设)。

我对 Angular 和 ui 路由器很陌生,我认为我可能忽略了一个简单的问题解决方案。

可以用命名视图和 ng-show 来完成吗?

0 投票
3 回答
234 浏览

jquery - 使用相对 url 向上导航

所以我试图向上导航一个级别,但不能让它正常工作。这是一个例子:

当前网址:

我希望能够去做这样的事情:

到这里结束:

值得注意的是,我正在使用 ui-router。当我$location.url("../page2");从第一页开始时,我最终得到一个如下所示的 url:

我确信必须有一种简单的方法来完成我正在尝试做的事情。有任何想法吗?

0 投票
1 回答
5887 浏览

angularjs - 角JS。ng-view 中包含的 ui-view

我尝试使用 ng-view 中包含的 ui-view,但它不起作用。但是当我在 ng-view 附近使用 ui-view 时,ui-view 工作并在 ng-view 中。

不工作:

工作:

例子。http://plnkr.co/edit/WHWw5DNHBRWjo1JIGouq