Угловой контроллер полосы не обновляется

Question

У меня проблема с контроллерами Angular 1.6 и Stripe.У меня есть контроллер, который меняет представление в зависимости от шага Varabiable.Я изменяю шаг на основе успешного обратного вызова из Stripe следующим образом:

stripe.createToken(card).then((result) => {

                     if (result.error) {
                         // Inform the customer that there was an error.
                         var errorElement = document.getElementById('card-errors');
                         errorElement.textContent = result.error.message;
                      } else {
                        // Send the token to your server.
                        stripe_token = result.token;
                        //Change step
                        $scope.step = step;
                      }
                })
                .catch( e =>{
                    console.log("Error");
                });

Проблема в том, что когда шаг назначается внутри обратного вызова, значение присваивается, но представление не обновляется.Есть идеи, почему это происходит только с обратными вызовами Stripe в Angular?

Answer 1

У меня недостаточно репутации, чтобы добавить комментарий к вашему собственному ответу, но я просто хотел добавить, что лучше передавать соответствующую функцию в $scope.apply, чем просто вызывать ее с нулевыми аргументами.

Answer 2

Используйте сервис $ http, предоставляемый AngularJs.Это автоматически вызовет $ scope. $ Digest, как только запрос вернёт

Doc: https://docs.angularjs.org/api/ng/service/$http

Answer 3

$scope.$apply(); Должен использоваться в обратном вызове.