angularjs - Angular 向导 ng-view 和 angularui modal

Question

我正在使用 angular-ui bootstrap 模态组件构建一个有 Angular 的向导。 在我的主页中，我已经在使用 ng-views 进行导航。

目标是在其中一个页面上创建模式向导。据我所知， 不支持嵌套的 ng-views。如果可能的话，我想保留每一步 向导作为外部资源。

目前实现此目的的一种糟糕方法是达到以下效果:

<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>

显然，上述情况是 Not Acceptable ，并且会造成维护噩梦。 是否有一种干净的方法来实现相同的效果？

Answer 1

使用 ng-include 非常有效，谢谢。