AngularJSはng-repeatの親の高さを設定します

Question

可変の高さを持つng-repeatがあります。 私が固定された高さを使用すると、すべてが良く見えます。しかし、ng-repeat子要素に応じて自動的に調整するために親パネルの高さが必要です。そうしないと、オーバーフローの問題が発生します。

これを行う方法はありますか？固定高なし

：一定の高さ（底部のオーバーフローを参照）

パネルのコード：

<div class="my-panel" ng-repeat="x in month.days"> 
    <div class="panel-today" ng-show="x.today"> 
     TODAY 
    </div> 
    <div class="panel" ng-class="x.panel_class"> 
     <div class="panel-heading {{x.weekend}}">{{x.day}} {{x.date | date : 'dd-MM'}}</div> 
     <div class="panel-body my-panel-body"> 
      <div ng-show="x.suspension != ''" style="width: 100%; text-align: center"> 
       <b>{{x.suspension}}</b> 
      </div> 
      <div ng-show="x.suspension == ''"> 
       <div class="well well-sm day-well"> 
        <div class="day_period"> 
         <div class="pull-right"> 
          {{x.times.day.from}}<br/> 
          {{x.times.day.to}} 
         </div> 
         <div class="day_head">DAY</div> 
        </div> 
        <div ng-repeat="grade in x.staff.day.m"> 
         <div class="letterCircleM"> 
          {{grade.code}} 
         </div> S SIPHO 
        </div> 
        <div ng-repeat="grade in x.staff.day.f" class="letterCircleF"> 
         {{grade.code}} 
        </div> 
       </div> 
       <div class="well well-sm day-well"> 
        <div class="day_period"> 
         <div class="pull-right"> 
          {{x.times.night.from}}<br/> 
          {{x.times.night.to}} 
         </div> 
         <div class="day_head">NIGHT</div> 
        </div> 
        <div ng-repeat="grade in x.staff.night.m"> 
         <div class="letterCircleM"> 
          {{grade.code}} 
         </div> S SIPHO 
        </div> 
         <div ng-repeat="grade in x.staff.night.f" class="letterCircleF"> 
         {{grade.code}} 
        </div> 
       </div> 
      </div> 
     </div> 
     <div class="panel-footer"> 
      <div class="panel-suspend" ng-show="x.suspension != ''"> 
       SUSPENDED 
      </div> 
      <div ng-show="x.suspension == ''"> 
       {{x.contract}} 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

固定された高さがあなたは、ng-styleでng-repeatで繰り返すデータの長さに基づいて親に追加してみませんか？

ng-style="{ 'height': 30 * RepeatData.length + 'px' }