2016-05-01 3 views
0

Я использую эту библиотеку: https://angular-ui.github.io/bootstrap/, и мне нужно установить мою расчетную высоту для панели в Аккордеон.Как в угловом ui/bootstrap установить чувствительность 100%?

У меня есть директива для родительского div для события изменения размера окна, но мне нужно установить высоту для дочернего элемента на странице load & изменить размер.

Как я могу установить пользовательскую высоту элемента? Благодаря

ответ

0

Вот пример:

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(); 
       }); 
      }; 
     }