AngularStrap - файл шаблона загрузки в модальном шаблоне как внутренний контент

Question

Я новичок в Angular-strap и AngularJS. Я работаю над проектом, который будет использовать оба из них.

Сценарий

Моя идея заключается в том, чтобы иметь несколько файлов шаблонов модальных для угловой планки (ж/заголовка, ж/верхнего и нижних колонтитулов и т.д.). В некоторых из этих шаблонов я хотел бы загрузить другой HTML-файл, поэтому файл модального шаблона может быть как оболочка. Идея состоит в том, что эти разные HTML-файлы будут иметь свои собственные контроллеры и области. Я хотел бы использовать эти области в файлах шаблоны модальных для отображения конкретных данных, такими как: название, кнопки, текст кнопок и т.п.

Проблема

Похоже, я не может использовать оба данных- шаблон-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'; 
    } 
    }; 
});