IEはAngularJSからBootstrap Modalを表示させてフリーズします

Question

私は非常に単純なBootstrapモーダルを持っています。私のWebサービスへの呼び出しが成功するとAngularJSで表示します。モーダルポップアップはIE 9+をフリーズし、FirefoxとChromeで同じコードが動作しますが、強制終了しなければなりません。

私のモーダルモーダルを開く角度から

<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="modal"> 
     <div class="modal-dialog" role="document"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
        <h4 class="modal-title" id="gridSystemModalLabel">Modal title</h4> 
       </div> 
       <div class="modal-body"> 

       </div> 
       <div class="modal-footer"> 
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
        <button type="button" class="btn btn-primary">Save changes</button> 
       </div> 
      </div><!-- /.modal-content --> 
     </div><!-- /.modal-dialog --> 
    </div><!-- /.modal --> 

、スクリプト。

SearchReq.success(function (data, status) { 
       $scope.IsWorking = false; 

       if (data.success) { 
        $scope.AttendedSessions = data.attendedsessions; 
        $scope.LateSessions = data.latesessions; 

        $('#modal').modal('show'); 
       } 
       else { 
        showAlert("<strong>Failure!</strong> " + data.errormsg, "danger", 3000); 
       } 
      }); 

Answer 1

AngularUIブートストラップhttps://angular-ui.github.io/bootstrap/

を使用してみてください