angularjs 学习笔记（5） -- 路由的模板

主要代码：

# ngjs_modules
angular.js（旧版本）使用路由的模板

把路由的其他模块和主模块代码分开。这里是一个空的模板。以后可以直接过来查看。

<!-- app.js主要代码： -->
/**
 * Created by WEIWEI on 2017/7/1.
 */
(function(angular){
    'use strict';

    var steps = angular.module('steps',[
        'ngRoute',
        'store',
        'guide',
        'shopkeeper',
        'complete'//注入依赖
    ]);
    //路由
    steps.config(['$routeProvider','$locationProvider',function($routeProvider,$locationProvider){
        $locationProvider.hashPrefix("");
        $routeProvider.otherwise({//都不是就走指导注册路径
            redirectTo: '/guide'
        })
    }]);
    
    //控制器
    steps.controller('steps_controller',[
        '$scope',
        function($scope){
            $scope.title = "4444";
        }
    ]);



})(angular);

<!-- guide.js代码 -->
(function(angular) {
    'use strict';

    // 创建“指导”模块
    var guide = angular.module(
        'guide', [
            'ngRoute'
        ]);

    // 配置模块的路由
    guide.config(['$routeProvider', function($routeProvider) {
        $routeProvider.when('/guide',{//注册指导
            templateUrl:'guide/guide.html',
            controller:"guide_controller"
        });
    }]);

    //控制器
    guide.controller('guide_controller', [
        '$scope',
        function($scope) {

        }
    ]);
})(angular);

github地址：https://github.com/chenweihuan/ngjs_modules

此前学习的是angular1，统称为angularjs。以后在继续学习angular4，称为angular。