javascript - 使用 NG-Repeat 的相同高度 DIV

Question

当使用 ng-repeat 生成每个 div 的内容时，我在尝试获取两个并排的相同高度的 div 时遇到问题。Flex 框阻止了网站的响应，我不知道什么时候调用 Jquery 函数是合适的时间，因为 View 是嵌套的，并且当显示新的 html 时页面实际上没有加载。我试过 ng-repeat-start 和 end 都无济于事。

理想情况下，一旦内容加载完毕，我就会将右侧的 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">

然后对容器进行样式设置以使用 flex 是我通常这样做的方式

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

最大的缺点是 IE 支持，I dont hope you are supporting below IE10 ？