Как настроить ui router?

Question

[jenya7771]

Как настроить переходы в ui route так, что бы course могли стоять только определённые значения, например 1, 2, 3 , а все остальные нет?

.state('home.listgroup', {
		url: ':course/:grouplist',
		templateUrl: 'templates/listgroup.php',
		controller: 'listGroupCtrl'
	})

Answer 1

[Николай]

1. вариант - regexp, например:

.state('home.listgroup', {
    url: ':course/{grouplist:[1-3]}',
    templateUrl: 'templates/listgroup.php',
    controller: 'listGroupCtrl'
  })

2 вариант - что-то делать в resolve, например грузить данные и возвращать reject для некорректных данных:

.state('home.listgroup', {
    url: ':course/:grouplist',
    templateUrl: 'templates/listgroup.php',
    controller: 'listGroupCtrl',
    resolve: ['$q', '$stateParams', function($q) {
         if ($stateParams.grouplist > 3) {
             return $q.reject();
         }
    })];
  })

Comments

[jenya7771]

Мне нужно чтобы в course было только 4 варианта значения, например qw1 qw2 qw3 и qw4, а grouplist может быть около 30 но для них не нужно делать проверку. Нужно все это для того, что бы при вводе например адреса сайт/error у меня не было перехода на сайт/course

[Николай]

Не понял, что вы имели ввиду в последнем предложении.

[jenya7771]

Николай: в course может быть 4 варианта. Нужно только чтобы они работали, а если вводят, какой-то другой было перенаправление

[jenya7771]

Мне нужно все потому что, когда я ввожу сайт/error (error это state созданный в ui route), меня направляет на страницу cource

[Николай]

Ну я же вам уже написал целых 2 варианта, как это можно сделать.

[jenya7771]

Николай:

.state('home.course', {
      url: '{course:["autep", "es", "pgs", "tes"]}',
      templateUrl: 'templates/course.php',
      controller: 'courseCtrl'
  })
    .state('home.listgroup', {
      url: '{course:["autep", "es", "pgs", "tes"]}/:grouplist',
      templateUrl: 'templates/listgroup.php',
      controller: 'listGroupCtrl'
})

Вот если так сделать, то меня просто на главную бросает при любом вводе адреса, правильном и не правильном

[Николай]

То что вы написали - не regex. Должно быть так: {сourse:autep|es|pgs|tes}/:grouplist

[jenya7771]

Николай: Точно так же как и до этого, просто перенаправляет на главную

[Николай]

jsfiddle.net/jg7u9mwx у меня всё ок.

[jenya7771]

Николай: Можете посмотреть, может в другом проблема?

var myApp = angular.module('myApp', ['ui.router']);
    myApp.config(function($stateProvider, $urlRouterProvider) {

	// $locationProvider.html5Mode({enabled:true,requireBase:false});

	$urlRouterProvider.otherwise('normal');
	$stateProvider

    .state('home', {
      url: '/',
      templateUrl: 'templates/home.php',
      controller: 'homeCtrl'
  })
    .state('home.normal', {
      url: 'normal',
      templateUrl: 'templates/normal.php',
      controller: 'homeCtrl'
  })
    .state('home.extended', {
      url: 'extended',
      templateUrl: 'templates/extended.php',
      controller: 'extendedSearchCtrl'
  })
    .state('panel', {
        url: '/panel',
        templateUrl: 'templates/panel.php',
        controller: 'panelCtrl'
    })
    .state('panel.authorization', {
        url: '/authorization',
        templateUrl: 'templates/authorization.php',
        controller: 'authorizationCtrl'
    })
    .state('panel.admin', {
        url: '/admin',
        templateUrl: 'templates/admin.php',
        controller: 'adminCtrl'
    })
    .state('group', {
      url: '/group/:namegroup',
      templateUrl:'templates/schedule.php',
      controller:'scheduleCtrl'
  })
    .state('group.tomorrow', {
      url: '/tomorrow',
      templateUrl:'templates/tomorrow.php',
      controller:'scheduleMorCtrl'
  })
    .state('group.week', {
      url: '/week',
      templateUrl:'templates/week.php',
      controller:'scheduleweekCtrl'
  })
    .state('error', {
        url: '/error',
        templateUrl: 'templates/nogroup.php',
        controller: 'errorCtrl'
    })

    .state('home.course', {
      url: ':{сourse:autep|es|pgs|tes}',
      templateUrl: 'templates/course.php',
      controller: 'courseCtrl'
  })
    .state('home.listgroup', {
      url: ':{сourse:autep|es|pgs|tes}/:grouplist',
      templateUrl: 'templates/listgroup.php',
      controller: 'listGroupCtrl'
  })
});

[Николай]

может проблема в том, что нет лидирующих слешей у urlов?

[jenya7771]

Николай: В каких случаях должен стоять слеш, пробую ставить начинаться непонятные вещи, то не отобразится вторичный ui route или 2 слеша в адресной строке появляется

[Николай]

jenya7771: по идее - всё окей. Попробуйте в run блоке повесить события на $locationChangeStart, $locationChangeError и аналогичные для $state: $stateChangeStart, $stateChangeError. Посмотрите какие параметры передаются.

[jenya7771]

Николай: Может ли это быть из за того что не правильно перенаправление делаю?

myApp.controller("extendedSearchCtrl", function($scope, $location, $http){

	$scope.saveOffice = function (office) {
		$location.path(office);
	};

});


myApp.controller("courseCtrl", function($scope, $location, $http){

	$scope.goBaseCourse = function (course) {
		var secondPath = $location.path();
		$location.path(secondPath + "/" + course);
	};
});

myApp.controller("listGroupCtrl", function($scope, $location, $http){
	$scope.req = {};

	$scope.getGroup = $location.path();
	$scope.req.course = $scope.getGroup.split('/')[2];
	$scope.req.office = $scope.getGroup.split('/')[1];

	$http.post("../server/mainsearch.php", $scope.req).success(function (answ) {
		$scope.response = answ;
	});

});

В первом контроллере в функцию передаётся course (autep, es, pgs, tes), во втором контроллере после нажатия добавляется 1, 2, 3 или 4, и потом должен запуститься 3-й контроллер, который разбирает хеш и отправит данные дальше.

[Николай]

У ui-router есть сервис $state. Используйте его, в частности $state.go(). Ну и вообще посмотрите какой-нибудь свежий мануал по агуляру (1.5+ версии).