如何在角度ui / bootstrap设置100％高度响应？

Question

我正在使用这个lib：https://angular-ui.github.io/bootstrap/，我需要将panel-body的计算高度设置为Accordion。

我有$ div resize事件的父div的指令，但是我需要在页面加载和放大器上设置子元素的高度。调整大小。

如何将自定义高度设置为元素？ 感谢

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