首页 > Web开发 > 详细

angularjs路由简单实现

时间:2016-06-16 18:05:00      阅读:209      评论:0      收藏:0      [点我收藏+]

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‘);
    };
   
}]);

angularjs路由简单实现

原文:http://www.cnblogs.com/JSWBK/p/5591588.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!