啓動在頁面加載AngularJS引導模式

Question

我創造與AngularJS一個Web應用程序，

我要推出從AngularJS頁面加載的引導模式，

這裏是我的模式：

<div class="modal hide fade" id="myModal"> 
    <div class="modal-header"> 
     <a class="close" data-dismiss="modal">×</a> 
     <h3>Modal header</h3> 
    </div> 
    <div class="modal-body"> 
     <p>One fine body…</p> 
    </div> 
    <div class="modal-footer"> 
     <a href="#" class="btn">Close</a> 
     <a href="#" class="btn btn-primary">Save changes</a> 
    </div> 
</div> 

這裏是我的控制器

<script> 
    var app = angular.module('myapp', []); 
    app.controller('myctrl', function ($scope, $window, $http) { 
     $('#myModal').modal('show'); 
    }) 
</script> 

什麼是網頁LOA發射模式的正確方法d？

Answer 1

這是因爲該模式的結構是錯誤的，hide類是防止它顯示。

<div class="modal fade" id="myModal"> 
     <div class="modal-dialog" role="document"> 
      <div class="modal-content"> 
      .. 
      </div> 
      <!-- /.modal-content --> 
     </div> 
    </div> 

Demo on Codeply