다른 요소의 높이를 기반으로 요소의 스타일을 변경하는 AngularJS와 방법은 무엇

Question

$('#reply').css("padding-top", $('.post:visible').height()-35 + "px"); 

내가 #reply의 .post에 높이의 CSS padding-top 값을 설정하는 것입니다하고 있어요. 나는이 지금까지 내 AngularJS와 프로젝트에서 작업을 얻을 수

있는 유일한 방법은 이것이다 :

$(function() { 
    setTimeout(function() { 
    $('#reply').css("padding-top", $('.post:visible').height()-35 + "px") 
    },300) 
}); 

어떻게 코드가있는과 같은 예를 들어, 그것을 아마 뭔가를 각도 방식으로 할 것 어떤 종류의 angular.copy? 또는 jQuery를 계속 사용하면됩니다. 그렇다면 어떻게하면 AngularJS가 완료 될 때 실행시킬 수 있습니까? 그렇다면 시간 초과 기능이 필요하지 않습니까?

<div id="#reply" ng-style="{'padding-top' : code_that_returns_.post:visible's_height }"> 

Answer 1

질문에 대한 질문이 많지 않지만 시간이 지남에 따라 질문과 답변을 모두 결정할 것입니다.

현재 이것은 내 해결책입니다 (시간 초과 문제가 해결됨).

<div id="#reply" ng-style="{'padding-top' : calcPostHeight() }"> 

$scope.calcPostHeight = function() { 
    return $('.post:visible').height()-35 + "px"; 
}; 

편집 :

이 솔루션은 더 나쁜 것 같다 ...하지만 지시문을 사용합니다.

<div id="#reply" post-height="35"> 

.directive('postHeight', function($timeout){ 
    return { 
    link: { 
     post: function (scope, element, attr) { 
     $timeout(function(){ 
      var result = document.getElementsByClassName("post")[0]; 
      element[0].style.paddingTop = result.style.width - attr.postHeight; 
     }, 0) 
     } 
    } 
    } 
});