Angularjs 物化中的模态论

我有一个模态弹出窗口，在这个模态弹出窗口中，我想再弹出一个模态弹出窗口（较小的模态）

单击事件获取第一个模态

<!-- Modal Trigger -->
  <a class="waves-effect waves-light btn modal-trigger" href="#modal1">Modal</a>

我的情态

 <!-- Modal Structure -->
  <div id="modal1" class="modal">
    <div class="modal-content">
      <h4>Modal Header</h4>
      <p>A bunch of text</p>
    </div>
    <div class="modal-footer">
      <a href="modal2" class=" modal-action modal-close waves-effect waves-green btn-flat modal-trigger">Agree</a>
    </div>
  </div>

模态头
一串文字

我想在点击同意按钮后显示我的第二个弹出模式。我的第二个模式如下

<!-- Modal Structure -->
      <div id="modal2" class="modal">
        <div class="modal-content">
          <p>Thank you</p>
        </div>
      </div>

多谢各位

---

当我打开第一个弹出窗口时，我无法打开第二个弹出窗口。如何使用materialize UI在弹出模式上实现弹出模式？

显示多个弹出模式/覆盖模式是一种糟糕的用户体验设计，这总是让用户感到困惑。您可以做的是在显示popover2之前隐藏popover1，反之亦然。感谢dreamweiver提供的其他选项。嘿@bob，如果您已经创建了最终解决方案，为什么不将其发布到此处并关闭此问题：）