AngularStrap - 將模板模板中的模板文件作爲內容加載

Question

我是Angular-strap和AngularJS的新手。我正在研究一個正在使用它們的項目。

方案

我的想法是有多種模態的模板文件角帶（W /頭，W /頁眉和頁腳等）。在其中一些模板中，我想加載不同的HTML文件，所以模態模板文件可以像包裝一樣。這個想法是，這些不同的HTML文件將有自己的控制器和範圍。我想用在模態模板文件的範圍，顯示一個類似的具體數據：標題，按鈕，按鈕的文字等

問題

好像我無法同時使用數據 - 模板網址和數據內容模板（或者至少它不在我身邊工作）。例如，在下面的例子中，我可以使用其中的一個，只使用data-template-url。

  <button type="button" class="btn btn-lg btn-danger" data-animation="am-fade-and-slide-top" data-template-url="views/mb-templates/popups/dialog-simple.html" bs-modal="modal" data-content-template="views/mb-templates/dialog-inner-content.html">Custom Modal 
       <br /> 
       <small>(using data-template)</small> 
      </button> 

問題

1. 是否有可能創建一個我所描述的情景？
2. 如果是這樣，可以怎麼做？

Answer 1

如果您使用templateUrl函數返回函數，並且在您作出條件模板選擇的函數內，應該可以。關於「模板擴展指令」的Angular Directive文檔部分有一個很好的例子。這是鏈接到Template-expanding directive example's Plunker。該示例的指令代碼如下所示：

.directive('myCustomer', function() { 
    return { 
    templateUrl: function(elem, attr){ 
     return 'customer-'+attr.type+'.html'; 
    } 
    }; 
});