AngularJS data-ui-view Routing - PullRequest
Новая
       9

AngularJS data-ui-view Routing

0 голосов
/ 01 марта 2019

Я пытаюсь переместиться с одной страницы на другую в одностраничном приложении, используя AnglularJS UI router.

Первоначально quotePage загружается, при повторной загрузке Main.jsp.Не переходите к payPage, когда условие истинно if (view = "pay") если я использую следующую кнопку в quotePage.

Страница main.jsp является родительской, которая содержит верхний и нижний колонтитулы.У меня есть 2 jsp страницы для динамической замены [quote & pay] при каждой загрузке Main.jsp

Пожалуйста, дайте мне знать, где я допустил ошибку.

JS Code: 

app.config(function ($stateProvider, $urlRouterProvider, $httpProvider) {
    $urlRouterProvider.otherwise('/');

    $stateProvider
       .state('quotePage', {
            url: '/',                   
            views: {
                'quotePage@': {
                    templateUrl : CONTEXT_PATH+'quotePage',
                    controller: 'payctrl'
                 }
            }
       })
       .state('payPage', {
            url : '/',
            views: {
                'payPage@': {
                    templateUrl : CONTEXT_PATH+'payPage',
                    controller: 'payctrl'
                 }
            }
        });
});

Код JSP: Main.jsp 

<%if(view="quote") {%>
    <div data-ui-view="quotePage"></div>
<%} else if(view="pay") {%>
    <div data-ui-view="payPage"></div>
<%}%>

Пружинный контроллер: 

@RequestMapping(value = "/quotePage", method = RequestMethod.GET)
public String getQuotePage(HttpServletRequest request) {
    return "/quote";
}

@RequestMapping(value = "/payPage", method = RequestMethod.GET)
public String getPayPage(HttpServletRequest request) {
    return "/pay";
}
...