Question

当使用ng-repeat生成每个div的内容时，我试图获得两个并排相同高度的div有问题。 Flex框会停止响应的站点，并且我可以在适当的时候调用Jquery函数，因为视图是嵌套的，并且页面在显示新的html时实际上没有加载。我尝试过ng-repeat-start并结束无济于事。

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

将所有内容包装在容器中：

NSManagedObject

然后设置容器样式以使用弯曲是我通常这样做的方式

<div class="row container">

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

相同的高度DIV使用NG-Repeat

1 个答案: