Questions tagged «angular-ui-router»

UI-Router将AngularJS路由的概念演变成用于管理复杂应用程序UI状态的State的更一般概念。最值得注意的是,它允许嵌套状态/视图层次结构和多个命名视图。

15
angular-route和angular-ui-router有什么区别?
我打算在大型应用程序中使用AngularJS。因此,我正在寻找合适的模块来使用。 是什么区别(角route.js)ngRoute和UI的路由器(角-UI-router.js)模块? 在许多使用ngRoute的文章中,route是使用$ routeProvider配置的。但是,当与ui-router一起使用时,route是使用$ stateProvider和$ urlRouterProvider配置的。 我应该使用哪个模块以获得更好的可管理性和可扩展性?

10
AngularJS UI路由器登录身份验证
我是AngularJS的新手,在以下情况下我对如何使用angular-“ ui-router”感到有些困惑: 我正在构建一个包含两个部分的Web应用程序。第一部分是带有登录和注册视图的主页,第二部分是仪表板(成功登录后)。 我已经index.html为home部分创建了一个带有角度应用程序和ui-router配置的,用于处理/login和/signup查看,还有一个dashboard.html针对仪表板部分的文件,其应用程序和ui-router配置用于处理许多子视图。 现在,我完成了仪表板部分,并且不知道如何将这两个部分与不同的角度应用程序结合起来。我如何告诉家用应用程序重定向到仪表板应用程序?

3
如何使用ui-router中的ui-sref将参数传递给控制器
我需要将两个参数传递并接收到要转换为使用ui-srefui-router的状态。 例如使用下面的链接将状态转换为homewith foo和bar参数: <a ui-sref="home({foo: 'fooVal', bar: 'barVal'})">Go to home state with foo and bar parameters </a> 控制器中的接收foo和bar值: app.controller('SomeController', function($scope, $stateParam) { //.. var foo = $stateParam.foo; //getting fooVal var bar = $stateParam.bar; //getting barVal //.. }); 我得到undefined了$stateParam在控制器中。 有人可以帮助我了解如何完成任务吗? 编辑: .state('home', { url: '/', views: { '': { templateUrl: 'home.html', …

18
如何重新加载当前状态?
我正在使用Angular UI Router,想重新加载当前状态并刷新所有数据/为当前状态及其父级重新运行控制器。 我有3个状态级别:directory.organisations.details directory.organisations包含一个带有组织列表的表。单击表中的一个项目将加载$ directoryParams传递该项目的ID的directory.organisations.details详细信息。因此,在详细信息状态下,我将加载该项目的详细信息,对其进行编辑,然后保存数据。到目前为止一切都很好。 现在,我需要重新加载此状态并刷新所有数据。 我努力了: $state.transitionTo('directory.organisations'); 我猜这是因为它的父级状态,但不会重新加载控制器,因为路径没有改变。理想情况下,我只想保留在directory.organisations.details状态并刷新父级中的所有数据。 我也尝试过: $state.reload() 我已经在API WIKI上以$ state.reload看到了这一点(“(现在正在重新实例化控制器的错误,即将修复)。” 任何帮助,将不胜感激?



2
AngularJS ui路由器在没有URL的状态之间传递数据
我面临着在两个状态之间传递数据而不暴露url中数据的问题,就像用户不能真正直接进入此状态一样。 例如。我有两个状态“ A”和“ B”。我正在状态“ A”进行一些服务器调用,并将调用的响应传递到状态“ B”。服务器调用的响应是一个字符串消息,该消息很长,因此我无法在url中公开它。 那么,在不使用url参数的情况下,有角ui路由器中有什么方法可以在状态之间传递数据?

9
AngularJS UI路由器-更改URL而不重新加载状态
当前,我们的项目正在使用default $routeProvider,而我正在使用此“ hack”进行更改url而无需重新加载页面: services.service('$locationEx', ['$location', '$route', '$rootScope', function($location, $route, $rootScope) { $location.skipReload = function () { var lastRoute = $route.current; var un = $rootScope.$on('$locationChangeSuccess', function () { $route.current = lastRoute; un(); }); return $location; }; return $location; }]); 和在 controller $locationEx.skipReload().path("/category/" + $scope.model.id).replace(); 我想到的替换routeProvider用ui-router筑巢路线,但无法找到这ui-router。 有可能angular-ui-router吗? 我为什么需要这个?让我用一个例子来解释: 创建新类别的路线是在SAVE /category/new 之后clicking显示的success-alert,我想将路线更改/category/new为/caterogy/23(23-是存储在db中的新项目的id)

14
如何使用$ state.go toParams和$ stateParams发送和检索参数?
我正在将AngularJS v1.2.0-rc.2与ui-router v0.2.0一起使用。我想将引荐来源网址状态传递给另一个状态,因此我使用的toParams方式$state.go如下: $state.go('toState', {referer: $state.current.name}); 根据文档,这应该$stateParams在toState控制器上填充,但它是undefined。我想念什么? 我创建了一个小例子来演示: http://plnkr.co/edit/ywEcG1

3
将$ state(ui-router)注入$ http拦截器会导致循环依赖
我正在努力实现的目标 如果$ http请求返回401错误,我想过渡到某个状态(登录)。因此,我创建了一个$ http拦截器。 问题 当我尝试将'$ state'插入拦截器时,我得到了循环依赖。为什么以及如何解决? 码 //Inside Config function var interceptor = ['$location', '$q', '$state', function($location, $q, $state) { function success(response) { return response; } function error(response) { if(response.status === 401) { $state.transitionTo('public.login'); return $q.reject(response); } else { return $q.reject(response); } } return function(promise) { return promise.then(success, error); …

6
如何使用UI路由器将对象传递到状态?
我希望能够使用ui-router转换为状态并传递任意对象。 我知道通常$stateParams会使用它,但是我相信此值会插入URL中,并且我不希望用户能够为该数据添加书签。 我想做这样的事情。 $state.transitionTo('newState', {myObj: {foo: 'bar'}}); function myCtrl($stateParams) { console.log($stateParams.myObj); // -> {foo: 'bar'} }; 有没有办法在不将值编码到URL的情况下执行此操作?

7
ui-router $ stateParams与$ state.params
使用ui-router,可以将$state或$stateParams注入控制器中,以访问URL中的参数。但是,$stateParams仅通过访问参数会公开属于访问它的控制器管理的状态的参数及其父状态,而$state.params具有所有参数,包括处于任何子状态的参数。 给定以下代码,如果我们直接加载URL http://path/1/paramA/paramB,则这是控制器加载时的样子: $stateProvider.state('a', { url: 'path/:id/:anotherParam/', controller: 'ACtrl', }); $stateProvider.state('a.b', { url: '/:yetAnotherParam', controller: 'ABCtrl', }); module.controller('ACtrl', function($stateParams, $state) { $state.params; // has id, anotherParam, and yetAnotherParam $stateParams; // has id and anotherParam } module.controller('ABCtrl', function($stateParams, $state) { $state.params; // has id, anotherParam, and yetAnotherParam $stateParams; // has id, …

8
如何为Angular 2中的特定路线实现RouteReuseStrategy应该发布
我有一个Angular 2模块,在其中实现了路由,并希望在导航时存储状态。用户应该能够:1.使用搜索公式搜索文档2.导航到结果之一3.导航回到搜索结果-无需与服务器通信 这可能包括RouteReuseStrategy。问题是:如何实现不应存储该文档? 因此,应该存储路由路径“ documents”的状态,而不应该存储路由路径“ documents /:id”的状态?

7
将$ scope注入角度服务函数()
我有服务: angular.module('cfd') .service('StudentService', [ '$http', function ($http) { // get some data via the $http var path = 'data/people/students.json'; var students = $http.get(path).then(function (resp) { return resp.data; }); //save method create a new student if not already exists //else update the existing object this.save = function (student) { if (student.id …


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.