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

Question

移动Angular UI越来越流行，不过就是bootstrap 3和angularjs的结合

我想在按钮单击上创建一个模式对话框，然后在关闭图标上关闭对话框，该怎么做？

根据文档说

<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-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将保留为占位符