相同高度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？