AngularJS와 동적 경로와 템플릿

Question

나는 예를 들어, 설치에 템플릿을 사용하여 와일드 카드 또는 동적 라우팅을 시도하고있다 변형은 .tpl.html이지만, 제대로 작동하지 않는 것 같습니다. 어떤 제안?

감사합니다.

angular.module('page', []).config(['$routeProvider', function ($routeProvider) { 

    $routeProvider.when('/page/:route', { 
     templateUrl: function($routeParams) { 
     return $routeParams; 
     }, 
     controller: 'PageController' 
    }); 

    }]) 
    .controller('PageController', ['$scope', 
    function ($scope) { 

    }]); 

Answer 1

당신은 $의 routeprovider.route에 의해 경로의 동적 값에 액세스 할 수 있습니다. 아래에서보십시오,

$routeProvider.when('/page/:route', { 
      templateUrl: function($routeParams) { 
      return '/page/'+$routeParams.route+'.tpl.html'; 
      }, 
      controller: 'PageController' 
     }); 

Answer 2

모듈 정의에 'ngRoute'이 누락되었습니다. angle-route.js 모듈을로드 중인지 확인하기 위해 index.html도 확인합니다.

angular.module('page', ['ngRoute']).config(['$routeProvider', function ($routeProvider) { 

참조 : ngRoute

Answer 3

나는 ngRoute가 동적 라우팅에 좋지 않다고 생각합니다. ui 라우트 및 지연로드 방식을 사용할 수 있습니다.

예에게이 일을해야 https://github.com/ifyio/angularjs-lazy-loading-with-requirejs-optimisation/tree/master/client/src/app