如何使用 mobile-angular-ui 在单击按钮时显示模态对话框

Question

Mobile Angular UI 越来越受欢迎，不过是 bootstrap 3 和 angularjs 组合

我想在单击按钮时创建一个模态对话框并在关闭图标时关闭对话框，该怎么做？

根据 docs 它说

<div ui-content-for="modals">
    <div class="modal" ui-if="modal1" ui-state='modal1'>
      .....
    </div>
</div>

但是这个对话框怎么调用，我试过这个

<button ui-turn-on="modal1" class="btn btn-primary">Show Model</button>

但它没有按预期工作，我收到 Warning: Attempt to set uninitialized shared state: modal1错误

Answer 1

我认为您已将 ui-content-for 放在 ui-yield-to

中

把它放在 div 标签外面，如下所示

<div ui-yield-to="modals"></div>
<div ui-content-for="modals">
    <div class="modal" ui-if="modal1" ui-state="modal1">
       ....your model html code
    </div>
</div>

这样 modals 将保留为占位符

如何使用 mobile-angular-ui 在单击按钮时显示模态对话框

how to show a modal dialog box on a button click using mobile-angular-ui

angularjs

mobile-angular-ui