$ state.go () не загружает представление (URL-адрес был изменен в поле адреса), но представление отображается при втором щелчке

Question

Используйте Angular JS ui.router в проекте.

Я добавил следующую карту состояний в app.js:

.state( 'confirmCart', {
    url: "/cart/confirmCart",
    controller: "ConfirmCartCtrl",
    templateUrl: "/ng-apps/selfEnroll/pages/confirmCart/confirmCart.html"
} )

Добавил функцию в control.js:

$scope.reviewCart = function() {
    $state.go("confirmCart");
    return;
}

Добавлена ​​кнопка на домашней странице:

<div>
 <button ng-click="reviewCart()">Review Cart Plans</button>
</div>

А затем установите div области просмотра с помощью атрибута 'ui-view'.

<div class="container">
    <div ui-view></div>
</div>

$ состояние.go () не загружает представление при первом нажатии этой кнопки, но шаблон URL был изменен в поле адреса браузера.Тем не менее, вид отображается при втором щелчке.

Я заметил, что при первом нажатии страница просмотра загружается под вкладкой «Сеть» инструмента разработчика браузера.Но страница просмотра не отображается в окне.Это представление должно отображаться вторым нажатием кнопки.Я запутался, что.

Снимок экрана инструментов разработчика показывает

Answer 1

Попробуйте это:

$state.go("confirmCart", {}, {reload: true});

Или это:

$state.go("confirmCart").then( () => $state.reload() )