Angular+require单页面智能路由,链接参数化练手。

一 . config.js

    app.config(['$stateProvider', '$urlRouterProvider','$httpProvider', function ($stateProvider, $urlRouterProvider, $httpProvider) {
   
    $urlRouterProvider.otherwise('/home');

       for (var k in pageAttribute) {

        pageAttribute[k].templateUrl;

        pageAttribute[k].controllerUrl;

        pageAttribute[k].css;

        $stateProvider.state(k, pageAttribute[k]);
       }
        }]);

一 . pageAttribute.js

var pageList = {};

var version = '?v='+APP_VERSION;

pageAttribute = {

home:{title:"单页面架构设计之HOME",parameter:{'customID':'001','productID':'110'}},
about:{title:"单页面架构设计之ABOUT",parameter:{'customID':'002','productID':'220'}},
message:{title:"单页面架构设计之MESSAGE",parameter:{'customID':'003','productID':'330'}}
}

var attribute = pageAttribute[i];

for(var i in pageAttribute){

   pageList[i] = {

       url: '/'+i,

       templateUrl: 'view/'+i+'.html'+version,

       controllerUrl: 'controller/'+i+'.js'+version,

       controller: ''+i,

       css:'theme/css/'+i+'.css' +version,

       data : {

        pageTitle:attribute.title,

        pageParameter:attribute.parameter

       }

   }

}

       return pageList;

config调试效果

效果运行