javascript - 在 AngularJS 指令中获取元素父高度

Question

如何从指令中获取和设置元素的父级高度？

这就是我现在拥有的，显然它不起作用。

var vAlign = angular.module("vAlign", [])
.directive('vAlign', function() {
  return {
        restrict : "AC",
        link: function(scope, e){

            e.parent.height(1200);
            console.log(e.parent.height);
        }
    };
});

Answer 1

您可以使用 jqLit​​e/jQuery 的 parent 和 height 方法:

link: function(scope, e) {
    e.parent().height(1200);
    console.log(e.parent().height());
}

或者您可以使用 parentNode 属性在纯 javascript 中完成，它是对父元素的引用:

link: function(scope, e) {
    e[0].parentNode.style.height = 1200 + 'px';
}

另请注意，由于 e 是一个 jqLit​​e/jQuery 实例，它是一个单一元素的类似数组的集合，您需要使用 [0] 来访问原始 HTMLElement。