angularjs移动用户界面多个模块不工作

我在同一个视图中实现了3种不同的模态， 但是只有放在最后的那一个才能被激活。。我的代码：

    <div ui-content-for="modals"> 
      <div class="modal" ui-if="blockPersonModal" ui-state='blockPersonModal'> 
            <div class="modal-backdrop in"></div> 
            <div class="modal-dialog"> 
              <div class="modal-content"> 
                    <div class="modal-header"> 
                      <button class="close" 
                                      ui-turn-off="blockPersonModal">&times;</button> 
                      <h4 class="modal-title">Block</h4> 
                    </div> 
                    <div class="modal-body"> 
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio quo illum nihil voluptatem earum optio repellendus, molestias illo facere, ea non. Possimus assumenda illo accusamus voluptatibus, vel corporis maxime quam.</p> 
                    </div> 
                    <div class="modal-footer"> 
                      <button ui-turn-off="blockPersonModal" class="btn btn-default">Close</button> 
                      <button ui-turn-off="blockPersonModal" class="btn btn-primary">Save changes</button> 
                    </div> 
              </div> 
            </div> 
      </div> 
    </div> 
    <div ui-content-for="modals"> 
      <div class="modal" ui-if="RequestIdentificationModal" ui-state='RequestIdentificationModal'> 
            <div class="modal-backdrop in"></div> 
            <div class="modal-dialog"> 
              <div class="modal-content"> 
                    <div class="modal-header"> 
                      <button class="close" 
                                      ui-turn-off="RequestIdentificationModal">&times;</button> 
                      <h4 class="modal-title">Request Identification</h4> 
                    </div> 
                    <div class="modal-body"> 
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio quo illum nihil voluptatem earum optio repellendus, molestias illo facere, ea non. Possimus assumenda illo accusamus voluptatibus, vel corporis maxime quam.</p> 
                    </div> 
                    <div class="modal-footer"> 
                      <button ui-turn-off="RequestIdentificationModal" class="btn btn-default">Close</button> 
                      <button ui-turn-off="RequestIdentificationModal" class="btn btn-primary">Save changes</button> 
                    </div> 
              </div> 
            </div> 
      </div> 
    </div> 
    <div ui-content-for="modals"> 
      <div class="modal" ui-if="ReportModal" ui-state='ReportModal'> 
            <div class="modal-backdrop in"></div> 
            <div class="modal-dialog"> 
              <div class="modal-content"> 
                    <div class="modal-header"> 
                      <button class="close" 
                                      ui-turn-off="ReportModal">&times;</button> 
                      <h4 class="modal-title">Report</h4> 
                    </div> 
                    <div class="modal-body"> 
                      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio quo illum nihil voluptatem earum optio repellendus, molestias illo facere, ea non. Possimus assumenda illo accusamus voluptatibus, vel corporis maxime quam.</p> 
                    </div> 
                    <div class="modal-footer"> 
                      <button ui-turn-off="ReportModal" class="btn btn-default">Close</button> 
                      <button ui-turn-off="ReportModal" class="btn btn-primary">Save changes</button> 
                    </div> 
              </div> 
            </div> 
      </div> 
    </div> 

如果我改变代码中情态动词的顺序，仍然只会显示最后一个

如何在新的angularjs移动用户界面中定义三种不同的模态？ 然而，这些文件缺乏关于如何做这件事的明确信息

谢谢

Yonatan.

发现了问题

编写多个模态的正确方法：

<div ui-content-for="modals">
       <div class="modal">....</div>
       <div class="modal">....</div>
       <div class="modal">....</div>
 </div>

而不是：

<div ui-content-for="modals">
       <div class="modal">....</div>
</div>

<div ui-content-for="modals">
       <div class="modal">....</div>
</div>

<div ui-content-for="modals">
       <div class="modal">....</div>
</div>