angular-ui-router

问题 I have a config like this one: angular.module('myModule', ['ui.router']) .config(['$stateProvider', function($stateProvider) { $stateProvider .state('app.home', { abstract: true, url: '/home', template: '<div>Foo Bar</div>' }); }]); and a unit test using jasmine like this: 'use strict'; describe('Module: myModule', function() { var $rootScope, $state; beforeEach(module('ui.router')); beforeEach(module('myModule')); beforeEach(inject(function(_$rootScope_, _$state_) { $state = _$state_;

问题 I am having a problem passing in a param that's not a parameter in the url. I basically have the following on a click event let stateParams = { id: event.info.id, info: event.info }; this.$state.go('home.showinfo', stateParams); I have double checked on the stateParams contains the id and also the info object. I then have the following setup on the state .state('home.showinfo', { url: 'info/info/:id', resolve: { info: function($stateParams){ return $stateParams.info; } }, params: { info: null

问题 I have registered a state test with a child .child1 , here parent ( test ) working fine . when i navigate to state test.child1 URL gets changed to #/test/child1 but the view remains same , child template not working angular.module('uiRouterSample.contacts', [ 'ui.router' ]) .config( [ '$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) { $stateProvider .state('test',{ url:'/test', template:'<a ui-sref="test">Parent</a> -> <a ui-sref=".child1">child1</a>',

问题 Is my $stateProvider: $stateProvider .state('home', { url : '/', templateUrl : '/admindesktop/templates/main/', controller : 'AdminDesktopMainController' }).state('company', { url : '/company', templateUrl : '/admindesktop/templates/grid/', controller : 'CompanyGridController' }).state('company.detail', { url : '/{id:\d+}', //id is templateUrl : '/admindesktop/templates/company/detail/', controller : 'CompanyDetailController' }); It's work for 'company' state (I use ui-sref), but this code

问题 I am working on getting an angularJS SPA setup with multiple views using angular ui-router. As I look aroun dthe web at tutorials and how-to's, I see a mixed bag of dependencies. The ui-router github page has examples that use ui.router as the module dependency, while other articles such as Ben Schwartz tutorial uses ui.state . What is the difference? Is one deprecated? Is ui.state a subset of ui.router ? 回答1: In summary, ui.state was for v0.0.1, while ui.router is for v0.2.0 (the current

问题 I have the following link. <a ui-sref="...">Clicking this adds ?test=true to the query params.</a> Is there a way to use the ui-sref attribute to just change query params without reloading the page or directing to another function? 回答1: You should be able to do it by passing the arguments with the state. try:- <a ui-sref="yourStateName({test:true})">Clicking this adds ?test=true to the query params.</a> Usage: ui-sref='stateName' - Navigate to state, no params. 'stateName' can be any valid

问题 I have the following link. <a ui-sref="...">Clicking this adds ?test=true to the query params.</a> Is there a way to use the ui-sref attribute to just change query params without reloading the page or directing to another function? 回答1: You should be able to do it by passing the arguments with the state. try:- <a ui-sref="yourStateName({test:true})">Clicking this adds ?test=true to the query params.</a> Usage: ui-sref='stateName' - Navigate to state, no params. 'stateName' can be any valid

问题 I have a api that i want to resolve name for "bubble". This i would like to inject into controller - but problem is that i have tried different approaches and all just say...undefined and some injection problems... :( Code: .state('bubbles', { abstract: false, url: "/bubbles/:bubbleId/feed", controller: 'BubblesController', data: { authorizedRoles: [USER_ROLES.editor] }, resolve: { resolvedBubbleName: function ($http, $stateParams) { var url = 'https://XXXXXXX.net/api/Bubble/11111111-1111

问题 This question is similar to what I am asking and I have already implemented some of the code from that. I'm using UI-Router instead, but my main issue is with the $http request and passing the data from the service to the controller. Basically I want to display the details on the album.html from the album clicked on the previous page. I really just need help with the service and the controller. The HTML is just there for reference/context. Sorry if this is hard to understand. Please comment

问题 I'm using Angularjs with ui-router and JWT(which is a tool for token based authentication) and want to implement authentication. Say i want to restrict access to all my pages except three: "/home", "/about" and "/login". How can I achieve this effect? 回答1: it's working ! enjoy :) var scotchApp = angular.module('scotchApp', ['ngCookies','ngRoute','ui.bootstrap']); scotchApp.run(['$rootScope', '$location', 'Auth', function($rootScope, $location, Auth) { $rootScope.$on('$routeChangeStart',