zoukankan      html  css  js  c++  java
  • 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');
        };
       
    }]);
  • 相关阅读:
    React-Hooks
    RC-Select 学习笔记
    React Strict Mode
    CSSMotion VS animation in Angular
    jquery中has方法
    jquery中对于extend方法的使用
    一篇对于在jquery中使用jsonp技术介绍
    对于table元素的总结
    css3布局相关样式
    移动端去掉按钮点击热区
  • 原文地址:https://www.cnblogs.com/JSWBK/p/5591588.html
Copyright © 2011-2022 走看看