переходить с одной страницы на другую на странице index.html с помощью углового js

0

Я пытаюсь перейти с моей страницы index.html на страницу customer.html. Я хочу сделать это через угловые js, поскольку я использую угловую структуру. В настоящее время я перемещаюсь по ссылке html, но я должен сделать это с помощью углового. Из-за этого функции, которые я хочу использовать на странице customer.html, не работают. Это мой код: HTML-код: index.html:

        <body data-ng-controller="FirstCtrl as fctrl">

        <nav class="navbar navbar-inverse">
        <div class="container-fluid">

            <div class="navbar-header">
                <a class="navbar-brand" href="#">Nishinda Diner</a>
            </div>
            <div>
                <ul class="nav navbar-nav">
                    <!--<li><a href="#">Home</a></li>-->
                     <li><a href="/api/first/customer">Customer</a></li>
                    <li><a href="ownerLogIn.html">Owner</a></li>

                </ul>
            </div>

        </div>
     </nav>

<body data-ng-controller="MainCtrl as mctrl">
<nav class="navbar navbar-inverse">
    <div class="container-fluid">
    <div>
            <ul class="nav navbar-nav">
            <li> <a href="index.html">Nishinda Diner</a></li>

                <li><a href="customer.html">Guest</a></li>
                <li><a href="ownerLogIn.html">Owner</a></li>

            </ul>
        </div>
    </div>
</nav>
<div>

Эти 2 являются моим контроллером в угловом JS: first-ctrl.js:

        angular.module('restaurantApp').controller('FirstCtrl',FirstController);
            FirstController.$inject=['$http']
            function FirstController($http){

                var fctrl = this;

            fctrl.customer= function(){

                $http({                         
                            method: 'GET',
                            url: 'api/first/customer',

                        }).success(function(url){
                            console.log(url);
                            //mctrl.newCustomer=null;
                                }).error(function(error){

                                    console.log(error);                 

                                });
                    };

            }

Это мой main-ctrl.js (для страницы клиента): angular.module('restaurantApp'). Контроллер ('FirstCtrl', FirstController).controller('MainCtrl', MainController);

        //injecting annotation=$http
    MainController.$inject=['$http']
    function MainController($http){
        var mctrl = this;

        mctrl.addCustomer= function(){

        $http({

                    method: 'POST',
                    url: 'api/first/customer/add',
                    data: mctrl.newCustomer
                }).success(function(data){
                    console.log(data);
                    mctrl.newCustomer=null;

                    if(data.status == 'success')
                    {
                    mctrl.loggedIn= true;

                    }else{

                        mctrl.loggedIn= false;

                    }
                        }).error(function(error){

                            console.log(error);                 

                        });
            };



    }

These are my controller:
FirstController:(It will be used for index.html)


        @Path("/first")
        public class FirstController {
            @GET
            @Path("/customer")
            //@Consumes(MediaType.APPLICATION_JSON)
            //@Produces(MediaType.APPLICATION_JSON)
            public AppResponse customerPage(@Context HttpServletRequest request){


                AppResponse resp = new AppResponse();
                // generating the common msg for successful/ unsuccessful connection

                return resp;

            }
        }

Это мой CustomerController: публичный класс @Path ("/first/customer") CustomerController {

        @GET
        @Path("/all")
        //produce result in data exchange format
        //produce object from json data 
        @Produces(MediaType.APPLICATION_JSON)
         public AppResponse getAll(){


            AppResponse resp = new AppResponse();
            // generating the common msg for successful/ unsuccessful connection
            try {
                //if successful show list
                CustomerDAO customerDAO=new CustomerDAO();
                List<Customer> customerList=customerDAO.getAll();   
                resp.setPayload(customerList);

            } catch (AppException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
                resp.setStatus(AppResponse.ERROR);
                resp.setMessage(e.getMessage());
            }

            //customerDAO.getAll();
            return resp;        
         }
        }
  • 0
    что вы подразумеваете под redirect using AngularJS ? вы ищете ng-view SPA-вещи?
  • 0
    Ага. Именно так. Я хочу перенаправить с помощью angularjs. Я использовал ссылку "customer.html" на моей странице индекса. Но после использования, когда я пытался реализовать функции на странице клиента, они не работали.

1 ответ

0
Лучший ответ

Своего трудно ответить, потому что есть так много способов сделать это, но посмотрите на https://github.com/angular-ui/ui-router

Ещё вопросы

Сообщество Overcoder
Наверх
Меню