相同高度DIV使用NG-Repeat

Question

我有一個問題，試圖獲得兩個並排高度相同的高度，當每個div的內容使用ng-repeat生成時。 Flex框停止站點響應，我不能解決什麼時候適當的時候調用Jquery函數，因爲視圖是嵌套的，並且頁面在顯示新的html時沒有實際加載。我試過重複開始並且無濟於事。

理想情況下，一旦內容已經加載，我會在右邊的div是與左邊的div相同的高度。 真的很感謝這個問題的任何幫助。

乾杯

編輯 - 代碼中包含了

<div class="row"> 
     <div class="noSpacing col-xs-6"> 
      <div class="col-xs-12 noSpacing rottnestGreen"> 
       <div ng-repeat="bh in bikeHire" class="row"> 
        <p class="col-xs-6">{{bh.type}}</p> 
        <select class="inline col-xs-3 noSpacing np" ng-model="bikeHire[$index].quantity" ng-options="ddl for ddl in ddlNumbers" ng-change="addOps(bh.type, bikeHire[$index].quantity, bh.price)"></select> 
        <p class="col-xs-3 blueText">{{bh.price | currency}}</p> 
       </div> 
      </div> 
     </div> 
     <div class="noSpacing col-xs-6"> 
      <div class="col-xs-12 noSpacing np rottnestGreen"> 
       <div ng-repeat="sf in sAndF" class="row"> 
        <p class="col-xs-6">{{sf.type}}</p> 
        <select class="inline col-xs-3 noSpacing np" ng-model="sf.quantity" ng-options="ddl for ddl in ddlNumbers" ng-change="addOps(sf.type, sf.quantity, sf.price)"></select> 
        <p class="blueText col-xs-3">{{sf.price | currency}}</p> 
       </div> 
      </div> 
     </div> 
     <div class="clearfix"></div> 
    </div> 

Answer 1

難道這樣的事情你正在尋找？ https://jsfiddle.net/yczgaLgm/2/

在容器結束語一切：

<div class="row container"> 

然後造型用彎曲的容器我通常做這個

.container { 
    display: flex; 
    flex-wrap: wrap; 
} 

最大的缺點雖然方式支持IE，I dont hope you are supporting below IE10？