BS-模式不顯示內容AngularStrap

Question

這基本上是我的問題，這裏Plunker

http://plnkr.co/edit/SNFy2XcOBefUavG1QCqD?p=preview

<button class="btn btn-default" 
      data-template="customer.tpl.html" 
      bs-modal="modal">New Customer 
    </button> 

<div class="modal" tabindex="-1" role="dialog"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header" ng-show="title"> 
     <button type="button" class="close" ng-click="$hide()">&times;</button> 
     <h4 class="modal-title" ng-bind="title">Hello</h4> 
     </div> 
     <div class="modal-body" ng-bind="content"> 
     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo 
     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse 
     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
     proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" ng-click="$hide()">Close</button> 
     </div> 
    </div> 
    </div> 
</div> 

爲什麼呢？

Answer 1

它是顯示該模板，但它似乎並不那樣，因爲您在模板中有ng-bind="content"。這意味着模式將用data-content屬性的內容替換任何modal-body內容（或者如果通過javascript傳遞）。您的data-content是什麼都沒有，所以「Lorem ipsum ...」被替換爲""。

因此改變

<div class="modal-body" ng-bind="content"> 

到

<div class="modal-body"> 

和它的作品。

分叉plnkr - >http://plnkr.co/edit/18cyHRx8fQ6gXrdLnWG8?p=preview