angularjs - 有没有办法在 Material Design Lite 中创建对话框？

Question

我已经使用 Angular Material 创建了对话框，但到目前为止还没有找到一种使用 Material Design Lite 创建对话框的方法。有解决办法吗？

Answer 1

MDL 支持 HTML5 对话框样式，但不包含任何填充内容。所以你必须有一个支持它们的浏览器(比如 Chromium)。否则使用像https://github.com/GoogleChrome/dialog-polyfill这样的polyfill正如@manuel-84所指出的

<dialog id="dialog" class="mdl-dialog">
    <h4 class="mdl-dialog__title">Hello User</h4>
    <div class="mdl-dialog__content">
      <p>Hello world from dialog!<p>
    </div>
    <div class="mdl-dialog__actions">
      <button type="button" class="mdl-button close">Disagree</button>
    </div>
</dialog>

并在某处使用按钮调用

document.getElementById('dialog').showModal();

参见Material Design Lite Components : Dialogs