AngularJS динамических маршрутов и шаблоны

Question

Я пытаюсь настроить подстановочную или динамическую маршрутизацию с шаблонами, например:

/page/test разрешит шаблон в page/test.tpl.html

У меня есть следующий, и я попробовал некоторые вариации добавляются .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». Я также проверил бы ваш index.html, если вы загрузите модуль углового маршрута.js.

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