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'; 
    } 
    }; 
});