angular js ui router 動態菜單

 使用ui-router做動態路由

//controller
app.controller('DynamicCtrl', function($scope, $stateParams) {
    $scope.include = 'tpl/'+$stateParams.code +"";
});

  

//config ui-router
$stateProvider
.state('app.menu',{
      url:'/menu/:code',
      controller:'DynamicCtrl',
      //template: '<div ng-include="include"></div>'
      templateUrl:'tpl/menuloader.html'
  });

 

 menuloader.html

<div ng-include="include"></div>

 menu

 

 

<a href="#/app/menu/menu.html">menu</a>

 另外可以參考這裏的回答

 

http://stackoverflow.com/questions/17157365/how-do-i-dynamically-load-a-template-based-on-parameters-in-a-route-registered-w