프로그래밍 방식으로 각도 UI 모달 높이 결정

Question

In this plunk 모달 높이를 표시하는 경고 팝업창이있는 각도 UI 모달이 있습니다. 대신 빈 변수를 표시합니다. 오류가 어디 있습니까?

HTML

<div the-modal></div> 

자바 스크립트

var app = angular.module("app", ['ui.bootstrap']); 

app.controller("ctl", function($scope, $compile) {}); 


app.directive("theModal", function($uibModal, $timeout) { 
    return { 
    restrict: "AE", 
    scope: true, 
    link: function(scope, element, attrs, ctrl, transclude) { 

     scope.instance = $uibModal.open({ 
      animation: false, 
      scope: scope, 
      template: 'Some Text', 
      appendTo: element 
     }); 

     $timeout(function(){ 
      alert("Modal height is: " + element.css("height")); 
     },500); 

    } 
    } 
}); 

Answer 1

내용은 지침 모달 자리 요소 내부 modal-dialog 클래스와 사업부 내부에 배치되었습니다. 이상적으로 당신은 element의 내부 modal-content 클래스를보아야합니다.

element[0].querySelector('.modal-dialog').offsetHeight