如何從控制器動態更改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';
   }
})