bootstrap面板不能在角度工作

Question

我想要獲得一個很好的邊界，每個上傳的圖像的數組。 我試過bootstrap面板，可以讓他們在Plunker工作。

然而，當我嘗試在我的角度應用程序適用相同的代碼這是行不通的 - 沒有出現面板：

<div ng-repeat="f in files track by $index"> 
     <div ng-show="f.type.indexOf('image') > -1"> 
     <div class="panel panel-primary"> 
     <img ngf-src="f" class="thumb"> 
      <button class= "btn btn-warning btn-cancel" ng-disabled="!myForm.$valid" 
       ng-click="cancelPic($index)">Cancel</button> 
      <br><br> 
      <p>{{f.name}}</p> 
      <br> 
      <span class="progress" ng-show="f.progress >= 0"> 
      <div style="width:{{f.progress}}%" 
        ng-bind="f.progress + '%'"></div> 
      </span> 
     </div>  
     </div> 
     </div> 

我想有這種明顯的原因，但我必須找到沒有運氣它。 我使用的角度1.4.3和3.3.1引導一樣普拉克

Answer 1

我錯過了.panel體類，如：我怎麼沒需要

<div class="panel panel-default"> 
    <div class="panel-body">A panel</div> 
</div> 

令人奇怪的Plunk中的.panel-body類，但是當我將它添加到它開始工作的應用程序中時。這就是生活。