angular-ui-router

问题 Ramping up on angular , and ui-router And struggling with redirecting to a different state if a precondition is not met: I tried using an interceptor: (How do I preform a redirect in an angular interceptor). But someone mentioned that handling $stateChangeState would be more appropriate. But I am still running into an infinite loop: /** * Check here for preconditions of state transitions */ $rootScope.$on('$stateChangeStart', function(event, toState) { // which states in accounts to be

问题 In this plunk you have two ui-router states, a parent and a child. When the child is invoked by clicking on the link, since it has the option reload: true it is always reloaded. This is fine, but the problem is that the parent state is reloaded as well. Try to click on the 'Populate 11' link several times and you'll see that the parent timestamp also changes. How can I reload only the child? Javascript: var app = angular.module("app", ['ui.router']); app.config(function($stateProvider,

问题 When I try to load the "test" state or any of these state, controllers does not affect. Template are changed perfectly but no data comes from the mentioned controller in state configuration. And I did not use ng-controller directive any where. myApp.config(function($stateProvider,$urlRouterProvider){ $stateProvider.state('task', { url:'/task', controller:"TasksController", views:{ "sidebar":{templateUrl:'/partial/task/taskcreateform.html'}, "content":{templateUrl:'/partial/task/taskgrid.html'

问题 When I try to load the "test" state or any of these state, controllers does not affect. Template are changed perfectly but no data comes from the mentioned controller in state configuration. And I did not use ng-controller directive any where. myApp.config(function($stateProvider,$urlRouterProvider){ $stateProvider.state('task', { url:'/task', controller:"TasksController", views:{ "sidebar":{templateUrl:'/partial/task/taskcreateform.html'}, "content":{templateUrl:'/partial/task/taskgrid.html'

问题 I have issues viewing my site on Safari. I know there is lots of information to find but I can't figure out what would actually work. I have an Angular app with angular ui-router, configured like this: $locationProvider.html5Mode(true).hashPrefix('!'); In my index.html <meta name="fragment" content="!"> <base href="/" /> My S3 configuration is like this: <RoutingRules> <RoutingRule> <Condition> <HttpErrorCodeReturnedEquals>404</HttpErrorCodeReturnedEquals> </Condition> <Redirect> <HostName

问题 QUESTION: - Why are my tests failing when ui-router-extras (not normal ui-router) is install? - How can I use ui-router-extras and still have my tests pass? If you want to install this quickly use yeoman + angular-fullstack-generator + bower install ui-router-extras I found a similar issue with normal ui-router. Luckially, ui-router normal works just fine with my testing. After installing ui-router-extras I get an ERROR If I uninstall ui-router.extras it this test passes just fine: UPDATED

问题 QUESTION: - Why are my tests failing when ui-router-extras (not normal ui-router) is install? - How can I use ui-router-extras and still have my tests pass? If you want to install this quickly use yeoman + angular-fullstack-generator + bower install ui-router-extras I found a similar issue with normal ui-router. Luckially, ui-router normal works just fine with my testing. After installing ui-router-extras I get an ERROR If I uninstall ui-router.extras it this test passes just fine: UPDATED

问题 I have #/load-data view with spinner. When data load is complete controller redirects to differen view $location.path('/show-info/') . How to remove #/load-data from history to avoid window.history.back() to #/load-data view? 回答1: You could use the $location.replace() method to replace the last history entry. Here is the link to the documentation. So when you are showing the spinner, you could switch to the actual view show-info with the following lines: $location.path('/show-info/');

问题 I am following the tutorial at: https://thinkster.io/angular-rails/ and when I get to the section: Integrating the Front-end with the Asset Pipeline, things break; the site gets stuck in an infinite loop and keeps producing the same error over and over. I've checked and rechecked each step. Could someone please help: Error: Started GET "/home/_home.html" for ::1 at 2015-04-17 11:55:43 -0400 ActionController::RoutingError (No route matches [GET] "/home/_home.html"): actionpack (4.2.0) lib

问题 In my Angular app, UI router resolves a promise into the controller. When trying to test this controller, Karma is complaining about an unknown provider. How do I inject a fake object into the test to represent this resolve object. My app's code looks something like: angular.module('myapp') .config(function($stateProvider, $urlRouterProvider) { $stateProvider .state('tab.name', { ... resolve: { allTemplates: function(Templates) { return Templates.all().then(function(templates) { return