如何将aurelia materialize bridge与sweetalert2结合起来

我想在弹出窗口中放入表单。
我已经找到了解决办法，但我正在寻找更干净的

我没有找到用swal弹出现有标签的方法。
因此，我在模板中创建了一个隐藏表单：

<div id="myHiddenForm"><form role="form">
    <md-input class="email" md-type="email" md-label="Email" md-validate="true" 
        md-validate-error="invalid email">
        <i md-prefix class="material-icons">account_circle</i>
    </md-input>
    <button type="submit" md-button>
        <i class="left material-icons">done</i>Submit
    </button>
</form></div>

然后，我可以在submit按钮上附加一个回调函数，这样就可以了

显然，我不能使用

md value.bind

，因为显示的表单是原始表单的副本。
我可以使用

document.querySelectorAll（'#myHiddenForm.email input'）[0].value来访问输入的值，但我想知道是否有更好的方法来实现这一点

也许有一个很好的方法将aurelia materialize bridge和sweetalert2结合起来

我知道有一个对话框，但它不能将焦点保持在模式弹出窗口中；另外，我已经在这个webapp的其他地方使用过了，因为，你知道，它太棒了。
经过大量测试和对
sweetalert2
文档的全面阅读，我找到了正确的处理方法。我们只需要移动
节点

swal({
  html: '<span></span>'
  , showCloseButton: true
  , showConfirmButton: false
  , onBeforeOpen: dom => swal.getContent()
        .appendChild(document.querySelectorAll('#myHiddenForm form'))
  , onClose: dom => document.getElementById('myHiddenForm')
        .appendChild(swal.getContent().querySelectorAll('form'))
}).catch(swal.noop);

swal({
html:'
，showCloseButton:true
，showConfirmButton:false
，onBeforeOpen:dom=>swal.getContent（）
.appendChild（document.queryselectoral（“#myHiddenForm”））
，onClose:dom=>document.getElementById（'myHiddenForm'）
.appendChild（swal.getContent（）.querySelectorAll（'form'））
}).捕获（游泳、游泳）；

它非常适合与aurelia一起使用，因为它保存了所有内容（监视器、事件、验证…。

我们甚至不需要像我那样手动绑定submit按钮，我们可以使用aurelia通常的方式

结论：RTFM

swal({
  html: '<span></span>'
  , showCloseButton: true
  , showConfirmButton: false
  , onBeforeOpen: dom => swal.getContent()
        .appendChild(document.querySelectorAll('#myHiddenForm form'))
  , onClose: dom => document.getElementById('myHiddenForm')
        .appendChild(swal.getContent().querySelectorAll('form'))
}).catch(swal.noop);