Javascript 用于查找父元素页边距顶部的Angular指令

Javascript 用于查找父元素页边距顶部的Angular指令,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,我想将父元素的高度加上父元素的边距顶部添加到元素的高度。 我正在使用此指令,但不起作用 app.directive('sizetofit',函数(){ 返回{ 限制:“A”, 链接:功能(范围、元素){ scope.getWidth=函数(){ 返回元素[0]。parentNode.clientWidth; }; scope.$watch(scope.getWidth,函数(width){element.css('height'),(element.parent().css('margin-t

我想将父元素的高度加上父元素的边距顶部添加到元素的高度。 我正在使用此指令,但不起作用

app.directive('sizetofit',函数(){
返回{
限制:“A”,
链接:功能(范围、元素){
scope.getWidth=函数(){
返回元素[0]。parentNode.clientWidth;
};
scope.$watch(scope.getWidth,函数(width){element.css('height'),(element.parent().css('margin-top')+width/1.5)+'px');
console.log(element.css('height'));
});
}
}
});
这很好用。您可以添加代码并进行检查

var myApp=angular.module('myApp',[]);
控制器('myCtrl',['$scope',函数($scope){
$scope.greeting='Arindam!';
}]);
指令('sizeof',函数($timeout,$parse){
返回{
限制:'A',
链接:功能(范围、el、属性){
log($(el.parent());
$(el.parent().css({'height':'200px','margin-top':'20px');
}
};
})

  • {{问候语}
这很好用。您可以添加代码并进行检查

var myApp=angular.module('myApp',[]);
控制器('myCtrl',['$scope',函数($scope){
$scope.greeting='Arindam!';
}]);
指令('sizeof',函数($timeout,$parse){
返回{
限制:'A',
链接:功能(范围、el、属性){
log($(el.parent());
$(el.parent().css({'height':'200px','margin-top':'20px');
}
};
})

  • {{问候语}

你能为DOM元素提供一个JSFIDLE吗?@k4l4m我通过设置元素css位置:绝对和top等于父元素的边距top来解决这个问题。因此,我从elemnts offsetTop属性获得了边距top。因此,我相应地设置了元素的高度。你能为DOM元素提供一个JSFIDLE吗?@k4l4m我通过设置元素css position:absolute和top等于父元素的边距top来解决这个问题。因此,我从elemnts offsetTop属性获得了边距top。因此,我相应地设置了元素的高度