在指令中的数据绑定后获取宽度

Question

在指令中，我用ngRepeat编写一个元素，我需要在数据绑定后获得宽度。

我尝试使用post in link，但它也无法正常工作。

如何获得指令中的宽度？

Answer 1

link中的宽度不可用，因为该元素尚未成为DOM的一部分。但是，您可以观察宽度的任何变化，并在发生变化时进行处理。

scope.watch(function() {return element.style.width}, function() {
  // handle width change here
});

Answer 2

compile: function () {
    return {
        pre: function ($scope, iElement, iAttrs) {
            function getWidth() {
                return iElement.width();
            }
        }

        $scope.$watch(getWidth, function (newWidth) {

            ...
        });
    }
}