如何傳遞url參數到templateUrl

Question

我正在使用角ui-router來檢索一個頁面，但在文檔中，它只顯示如何傳遞url中的參數，而不是模板url。

無論如何它可以在templateUrl中傳遞？

下面是我的代碼

<div ui-view></div> 
<!-- We'll also add some navigation: --> 
<a ui-sref="contacts({contactId: 1})">State 1</a> 

和角配置：

myApp.config(function($stateProvider) { 
    $stateProvider 
     .state('contacts', { 
      url: "/states?myParam={contactId}", 
      templateUrl: "states1.html" 
     }); 
}); 

Answer 1

templateUrl可以是一個函數，它stateParams參數：

.state('contacts', { 
    url: "/states?myParam={contactId}", 
    templateUrl: function(stateParams) { 
     return "states" + stateParams.contactId + ".html"; 
    } 
}) 

Answer 2

爲什麼你會要嗎？

我可以考慮的唯一原因是你想根據傳遞的參數在服務器端定製模板。這與模板的想法相反:)

模板應該足夠通用。