如何使用aungularjs为邻居div设置相等的高度？

Question

以下是我的代码： JSFiddle

开始时我的面板被隐藏，然后在按钮点击后我想显示每个面板的高度相等（我想拉伸面板体）。 非常感谢你的帮助！

    var app = angular.module("myApp", []).controller("myCtrl", function($scope) {
  $scope.isActive = false;

  $scope.toogle = function () {
    $scope.isActive = !$scope.isActive;
  };
});

Answer 1

一个简单的解决方案是为您的面板设置height -

.panel {
    min-height: 200px;
    height: 400px;
    overflow-y: auto;
}

Answer 2

您可以使用 Flexbox 代替col这是最佳解决方案，请查看更新后的fiddle。