Question

我是Angular-strap和AngularJS的新手。我正在开发一个将同时使用它们的项目。

方案

我的想法是为Angular-strap（w / header，w / header and footer等）提供多个Modal模板文件。在其中一些模板中，我想加载不同的HTML文件，因此Modal模板文件可以像包装器一样。这个想法是这些不同的HTML文件将有自己的控制器和范围。我想在模态模板文件中使用这些范围来显示特定数据，如：标题，按钮，按钮文本等。

问题

好像我无法同时使用data-template-url和data-content-template（或者至少它不能在我这边工作）。我可以使用其中一个，例如，在下面这种情况下，只使用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>

问题

是否可以创建我所描述的场景？
如果是，怎么做？

Answer 1

如果使用templateUrl返回一个函数，并且在函数内选择条件模板，则应该可以。关于＆＃34;模板扩展指令的Angular Directive文档部分＆＃34;有一个很好的例子。这是Template-expanding directive example's Plunker的链接。示例的指令代码如下所示：

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

AngularStrap - 在模态模板中加载模板文件作为内部内容

1 个答案: