angularjs路由简单实现

1. [代码]mainApp.js用于控制路由分配和模板的js     

/**

 * mainApp module

 */

var mainApp = angular.module('mainApp', [ 'ngRoute', 'ngResource' ]);

 

mainApp.config([ '$routeProvider', function($routeProvider) {

 

    $routeProvider.when('/add.do', {

        templateUrl : 'insurance_add.html',

        controller : 'InsuranceAddController'

    });

     

    $routeProvider.when('/list.do', {

        templateUrl : 'insurance_list.html',

        controller : 'InsuranceListController'

    });

 

    $routeProvider.otherwise({

        redirectTo : '/list.do'

    });

 

} ]);

2. [代码]InsuranceAddController.js用于处理页面跳转的js     

/**

 *  Controller

 */

 

mainApp.controller('InsuranceAddController', ['$scope', '$location', function($scope, $location) {

 

    $scope.gotoList = function() {

        $location.path('/list.do');

    };

  

}]);

3. [代码]InsuranceListController.js另外一个处理列表的控制器     

 

/**

 * Controller

 */

 

mainApp.controller('InsuranceListController', ['$scope', '$location', function($scope, $location) {

      

    $scope.gotoAdd = function() {

        $location.path('/add.do');

    };

   

}]);