移動角度UI模式

Question

我正在嘗試使用Mobile Angular UI創建模式，每當我嘗試實現它（如文檔所示）時，它只會在所有內容的頂部顯示疊加（模式），並且關閉按鈕不起作用。 如果有人能指出正確的方向，我將不勝感激，我是新手。

    <body ng-app="myApp">
    <!-- Application body -->
    <div class="app">
        <div class="navbar-absolute-top"></div>
        <div class="navbar-absolute-bottom"></div>
        <div class="app-body" style="padding-top:10vh; padding-bottom:10vh">
            <ng-view>
                <div id="geolocation" style="height:80vh; width:100%"></div>
            </ng-view>
        </div>
        <!-- Overlays -->
        <div ui-yield-to="modals"></div>
    </div>

    <!-- Overlay content -->
    <div ui-content-for="modals">
      <div class="modal modal-overlay" ui-if='modal2' ui-state='modal2'>
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button class="close"
                      ui-turn-off="modal2">&times;</button>
              <h4 class="modal-title">Modal title</h4>
            </div>
            <div class="modal-body">
              <p>Lorem ipsum ...</p>
            </div>
            <div class="modal-footer">
              <button ui-turn-off="modal2" class="btn btn-default">Close</button>
              <button ui-turn-off="modal2" class="btn btn-primary">Save changes</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Initialize App -->
    <script type="text/javascript">
        app.initialize();
    </script>
</body>

Answer 1

我在Rails中遇到了同樣的問題，對我來說，問題是在app-body <div class='app-body'></div>而不是<div ui-yield-to="modals"></div> 。 因此，如果您使用滑軌，則僅在模態之間屈服。

<div ui-yield-to="modals"><%= yield :modals %></div>

而且您的模態需要包裝成：

<% content_for :modals do %>
<div ui-content-for="modals"> 
...
</div>
<% end %>

移動角度UI模式

問題描述

1 個解決方案

解決方案1
1 2016-05-10 03:20:43

移動角度UI模式

問題描述

1 個解決方案

解決方案1 1 2016-05-10 03:20:43

解決方案1
1 2016-05-10 03:20:43