如何使用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將保留為占位符