如何从控制器动态更改angularjs中的模板URL？

Question

从下面的angularJS代码中，我想在templateUrl获取参数namee ，请帮助我生成动态templateurl 。

sampleApp.config(['$routeProvider',
  function($routeProvider){
    $routeProvider.
    when('/AddNewOrder/:namee', { 
        controller: 'AddOrderController',
        templateUrl:'templates/'+namee +'.html';
    }).
    when('/ShowOrders/:name', {
    templateUrl: 'templates/show_orders.html',
    controller: 'ShowOrdersController'
    }).
    otherwise({
    redirectTo: '/AddNewOrder/add_orders'
  });
}]);

Answer 1

您可以将函数作为值传递给templateUrl 。 函数返回值将是templateUrl的值。 函数有权访问url属性。

请注意，通配符URL名称将是您要访问的值。 你的namee 。 如果要查看attrs详细信息，请输入console.log(attrs) 。

$routeProvider.
when('/AddNewOrder/:namee', { 
   controller: 'AddOrderController',
   templateUrl: function(attrs) {
      return 'templates/'+ attrs.namee +'.html';
   }
})