角ui/bootstrap如何設置100％高度響應？

Question

我使用這個庫：https://angular-ui.github.io/bootstrap/，我需要設置我的計算高度爲panel-body to Accordion。

我有指令爲父窗口$窗口調整大小事件，但我需要設置頁面加載&調整大小的子元素的高度。

我如何設置自定義高度元素？ 感謝

Answer 1

這裏是例子：

angular.module(‘app’) 
      .directive('calculateHeight', calculateHeight); 

     function calculateHeight($window) { 
      return function (scope, element) { 
       var w = angular.element($window); 
       scope.getWindowDimensions = function() { 
        return { 'h': $window.outerHeight, 'w': $window.outerWidth }; 
       }; 
       scope.$watch(scope.getWindowDimensions, function (newValue, oldValue) { 
        scope.windowHeight = newValue.h; 
        scope.windowWidth = newValue.w; 
        var matches = document.querySelectorAll(「div.panelBody」); // use selector to the element 
        matches[0].style.height = yourCustomHeight; 
       }, true); 

       w.bind('resize', function() { 
        scope.$apply(); 
       }); 
      }; 
     }