Как перейти к следующему или предыдущему шагу в Angular.js?

Question

Как перейти к следующему или предыдущему шагу в Angular.js?

0

Я использую ui-route для маршрутизации. Существует несколько последовательных форм. Когда я отправлю форму после этого, я хочу перейти к следующей шаге (шаг). Я не хочу, чтобы жесткое имя шага кода в функции $ state.go(). Есть ли способ получить следующее и предыдущее состояние?

  $stateProvider
               .state("Cars", {
                  url: "/",
                  templateUrl: "/rc1/renderStep/cars",
               })
               .state("Drivers", {
                  url: "/drivers",
                  templateUrl: "/rc1/renderStep/drivers",
                  controller: "renderStepCtrl",
               })
        }])

вызов изменения состояния

$scope.onSubmit = function () {
                  postDtoFactory.postDto(); 
                  console.info('current page= '+$state.current.name);
                  //console.log('prev = '+$state.previous.route.name);
                  $state.go();
               };

pandu das 25 июль 2016, в 11:31

Источник

0

$ state.current.name ++; ??? Не уверен, что вы хотите. Если это не число, у вас есть отображение «следующего состояния»? Мы упускаем здесь целый контекст
Mathijs Segers 25 июль 2016, в 09:00
0

$ state.current.name дает имя текущего состояния, когда я вызываю $ state.go (), это перенаправляет это состояние в состояние драйверов. , это следующее состояние, если я нахожусь на странице автомобилей.
pandu das 25 июль 2016, в 09:01
0

У вас есть отображение этого или что-то? Или вы могли бы сделать функцию, которая определяет, каким должно быть следующее состояние? Если это так, вы можете просто вызвать эту функцию в текущей области или W / E. Это звучит как логика, которую вы не можете волшебным образом заставить работать, но требует некоторого ручного кодирования.
Mathijs Segers 25 июль 2016, в 09:03
0

$ state не имеет функции, подобной next () или previous (), вместо написания отображения или параметров с состоянием.
pandu das 25 июль 2016, в 09:04

Показать ещё 2 комментария

Теги:

javascript

jquery

angularjs

1 ответ

Ещё вопросы

$ state.current.name ++; ??? Не уверен, что вы хотите. Если это не число, у вас есть отображение «следующего состояния»? Мы упускаем здесь целый контекст
$ state.current.name дает имя текущего состояния, когда я вызываю $ state.go (), это перенаправляет это состояние в состояние драйверов. , это следующее состояние, если я нахожусь на странице автомобилей.
У вас есть отображение этого или что-то? Или вы могли бы сделать функцию, которая определяет, каким должно быть следующее состояние? Если это так, вы можете просто вызвать эту функцию в текущей области или W / E. Это звучит как логика, которую вы не можете волшебным образом заставить работать, но требует некоторого ручного кодирования.
$ state не имеет функции, подобной next () или previous (), вместо написания отображения или параметров с состоянием.

urvashi · Answer 1 · 2016-07-25T06-46-00.000Z

Сохранять предыдущее состояние вручную, путем создания g прослушивателя

 $rootScope.$on('$stateChangeSuccess', function(event, to, toParams, from, fromParams) {
        //save the previous state in a rootScope variable so that it accessible from everywhere
        $rootScope.previousState = from;
    });
  }]);
$scope.onSubmit = function(){
  //if u want to go on previous state
  $state.go($rootScope.previousState.name)
}

Спасибо, и как получить следующий шаг. $ state.go ($ rootScope.nextState.name), это будет работать?
Вы можете просто исправить $ state.go («состояние, в которое вы хотите попасть»). Не так ли? Если нет, уточните, что вы имеете в виду.