Bootstrap模式對話框和角度綁定不起作用

我只是試圖設置一個警告對話框，並試用Bootstrap模式爲初學者。Bootstrap模式對話框和角度綁定不起作用

引導模式：http://getbootstrap.com/javascript/#modals

模態的火災，但它並沒有顯示我的modalTitle和modalBody值！

HTML片段這裏（注意vm.modalTitle和vm.modalBody範圍瓦爾） -

<!-- Bootstrap Modal Dialog Template--> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
      <h4 class="modal-title" id="myModalLabel"><span ng-model="vm.modalTitle"></span></h4> 
     </div> 
     <div class="modal-body"><span ng-model="vm.modalBody"></span></div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button> 
     </div> 
    </div> 
</div>

和我的控制器代碼：

vm.modalTitle = ''; vars initialized at the top of my controller 
vm.modalBody = ''; 
... 
function sendRequest(){ 
     if (data.status == 'FAIL') { 
       if (data.messages.length > 0) { 
        logErr("Error submitting aggregation request: " + data.messages[0]); 
        vm.modalTitle = "Error submitting aggregation query !"; 
        vm.modalBody = data.messages[0]; 
        $('#myModal').modal('toggle'); 
        $('#myModal').on('hide.bs.modal', function (e) { 
         // fired when modal is hidden from user 
        }) 
        return; 
       } 
    } 
    }

模態的火災，但它確實不顯示我的modalTitle和modalBody值！

來源

2014-10-10 bob.mazzo

你是怎麼做的要求？我猜測Angular沒有意識到vm模型中的變化，並且視圖沒有被更新。嘗試在切換模式之前使用$ apply（）啓動摘要循環。 – Bema 2014-10-10 16:45:21

@Bema，如果我發出$ scope。$ apply（）;那麼錯誤說「$摘要已在進行中」。 – 2014-10-10 18:39:22

當我第一次學習Angular時，我嘗試了這條路線，很快就對我必須做的黑客工作感到沮喪。你最好的選擇是使用AngularUI模式。它很好地包裝Bootstrap模態。 http://angular-ui.github.io/bootstrap/。

來源

2014-10-10 17:43:01 MBielski

是的，我實際上已經下載了角度ui bootstrap，但我也發現它是一種代碼笨重和尷尬。也許我應該重新考慮一下。 – 2014-10-10 19:00:51

AngularStrap（http://mgcrea.github.io/angular-strap/）也是一個可行的選項。無論哪種方法都比嘗試自己開發一些東西更好，特別是在開始時。 – MBielski 2014-10-10 20:48:39

Bootstrap模式對話框和角度綁定不起作用

回答

相關問題