Как добавить динамический шаблонUrl

Question

У меня есть веб-приложение, в котором мне нужно загрузить шаблон с различными параметрами, такими как.

.when('/form/:ProjectID/:FormID', {
        templateUrl: 'partials/Form.ashx?fid=' + FormID,
        controller: 'FormController'
    })

Я не могу заставить работать приведенный выше код. Может кто-нибудь сказать мне, как я могу решить эту проблему? Я новичок в AngularJS, а не эксперт.

Это полный код.

var app = angular.module('MyApp', ['ui.grid', 'ngSanitize', 'angularTrix', 'ui.codemirror', 'ngRoute']);
app.config(function ($routeProvider) {
    $routeProvider
    .when('/home', {
        templateUrl: 'partials/Home.ashx',
        controller: 'HomeController'
    })
    .when('/project/:ProjectID', {
        templateUrl: 'partials/Projects.ashx',
        controller: 'ProjectController'
    })
    .when('/form/:ProjectID/:FormID', {
        templateUrl: 'partials/Form.ashx?fid=1',
        controller: 'FormController'
    })
    .otherwise({ redirectTo: '/home' });

});

Answer 1

Мы можем использовать $ stateParams и templateProvider для загрузки динамического шаблона

.state('general', {
   url: '/{type}',
   //templateUrl: 'pages/home.html',
   templateProvider: ['$stateParams', '$templateRequest',
      function($stateParams, $templateRequest) 
      {
        var tplName = "pages/" + $stateParams.type + ".html";
        return $templateRequest(tplName);
      }
    ],
    // general controller instead of home
    //controller: 'homeController',
    controller: 'generalController',
    controllerAs: 'ctrl'