Как настроить роутер?

Question

[KOPC1886]

Всем привет!

Есть такой роутер

servicesCatalog.config(function ($routeProvider, $compileProvider) {
        $routeProvider.
            when('/catalog/:categoryId', {
                templateUrl: 'views/catalog.html',
                controller: 'Catalog'
            }).
            when('/favorites', {
                templateUrl: 'views/favorites.html',
                controller: 'Favorites'
            }).
            when('/applications', {
                templateUrl: 'views/applications.html',
                controller: 'Applications'
            }).
            when('/catalog/:categoryId/:serviceId', {
                templateUrl: 'views/service-detail.html',
                controller: 'Service-Detail'
            }).
            otherwise({
                redirectTo: '/catalog/:categoryId'
            });

            //$compileProvider.urlSanitizationWhitelist(/^\s*(https?|mailto|file|tel|skype):/);
});

По умолчанию при загрузке страницы /catalog/:categoryId categoryId не приходит..как сделать, чтобы по умолчанию ставился id какого то элемента ?

Answer 1

[_ _]

А что сделать-то хотите?
Вы написали "Если ни один из вышеперечисленных роутов не подошел, то отправить на страницу /catalog/:categoryId".
Смысла в этом я никакого не вижу.
Напишите redirectTo: '/catalog/1', отработает первый роут с categoryId 1, а если вам нужно на этапе конфигурирования приложения вместо этого 1 подставить что-то, что передается с сервера, то можете на этапе вывода шаблона записать в него JS типа

angular.module('server-values',[]).constant('INITIAL_CATEGORY_ID', Сюда_ID);

Подключить этот модуль в ваше приложение и тогда сможете сделать

servicesCatalog.config(function ($routeProvider, $compileProvider, INITIAL_CATEGORY_ID) {
//....
            otherwise({
                redirectTo: '/catalog/'+INITIAL_CATEGORY_ID
            });
});

но это отдает ортопедией

Comments

[KOPC1886]

А можно как то убрать просто зависимость роутера от categoryId и выводить по умолчанию первый categoryId

[KOPC1886]

?

[_ _]

KOPC1886: сделайте отдельный роут /category/start и в нем обращайтесь к API за данными "первой" категории. Что такое "первый"? По алфавиту? По Id? По количеству просмотров?

[KOPC1886]

первый который у меня в массиве , который приходит с сервера

[KOPC1886]

Александр Марченко: первый который у меня в массиве , который приходит с сервера

[KOPC1886]

Александр Марченко: то есть я хочу сделать так, чтобы если categoryId нету, то выводить первый элемент, я в контроллере вот так делаю
$http(
{
method: 'POST',
url: 'ajax/ajax.php',
data: {action: 'showCategories'}
}).
success(function(data, status, headers, config) {
$rootScope.popular = data.shift();
$rootScope.categories = data;
$scope.load_catalog = false;

if($routeParams.categoryId.length != 0)
{
$scope.findCategory = false;
angular.forEach($rootScope.categories, function(value, key){
if(value.id == $routeParams.categoryId)
{
$scope.selectedCategory = $rootScope.categories[key];
$scope.findCategory = true;
}
});

if(false == $scope.findCategory)
{
$scope.selectedCategory = $rootScope.popular;
}
}
else
{
$scope.selectedCategory = $rootScope.popular;
}
}).
error(function(error, status, headers, config) {
console.log('ERROR => ' + error);
});