Угловой волшебник ng-view и angularui modal

Question

Я создаю волшебника в угловом режиме, используя монументальный компонент углового ui-бутстрапа. На моей главной странице я уже использую ng-views для навигации.

Целью является создание модального мастера на одной из этих страниц. Насколько я вижу, Вложенные ng-представления не поддерживаются. Если возможно, я хотел бы сохранить каждый шаг мастером в качестве внешнего ресурса.

Страшный путь для достижения этой цели на данный момент является то, чтобы этот эффект:

<div id="wizardModal" class="modal hide"> 
    <div class="modal-header"> 
     <div ng-show="isCurrentStep(1)"> 
      <p>Step1 header</p> 
     </div> 
     <div ng-show="isCurrentStep(2)"> 
      <p>Step2 header</p> 
     </div> 
     <div ng-show="isCurrentStep(3)"> 
      <p>Step3 header</p> 
     </div> 
    </div> 
    <div class="modal-body"> 
     <div ng-show="isCurrentStep(1)"> 
      <p>Step1 body</p> 
     </div> 
     <div ng-show="isCurrentStep(2)"> 
      <p>Step2 body</p> 
     </div> 
     <div ng-show="isCurrentStep(3)"> 
      <p>Step3 body</p> 
     </div> 
    </div> 
    <div class="modal-footer"> 
     <div ng-show="isCurrentStep(1)"> 
      <p>Step1 footer</p> 
     </div> 
     <div ng-show="isCurrentStep(2)"> 
      <p>Step2 footer</p> 
     </div> 
     <div ng-show="isCurrentStep(3)"> 
      <p>Step3 footer</p> 
     </div> 
    </div> 
</div> 

Очевидно, что выше, недопустимо и будет создавать кошмаров техническое обслуживание. Есть ли чистый подход к достижению такого же эффекта?

Answer 1

Использование ng-include работает как шарм, спасибо.

Answer 2

Вы можете найти учебное пособие по созданию приложения в стиле мастера с использованием ng-view и ngRouter here.

Я считаю, что этот подход намного лучше, поскольку вы можете иметь отдельные контроллеры на каждый шаг, которые наследуют область действия от формы хоста, тем самым сохраняя все данные, но разделяя логику.