jquery-free-transform + AngularJS

Question

我无法获得https://github.com/gthmb/jquery-free-transform并且AngularJS运作良好。缩放和旋转的控件没有获得附加元素的宽度/高度。我使用指令将jQuery.freetrans（）附加到动态生成的元素。

<div ng-class="layout.element" freetrans></div>

app.directive('freetrans', function () {
    return {
        restrict: 'A',
        link: function postLink(scope, elem, attrs) {
            elem.freetrans();
         }
    };
});

班级名称例如是“图片”。如果我使用

，它运作良好

<div class="image" freetrans></div>

而不是

<div class="{{ layout.element }}" freetrans></div>

或

<div ng-class="layout.element" freetrans></div>

希望，任何人都可以帮助我。

谢谢＆amp;格尔茨

Answer 1

从我看来，似乎你在附加类之前调用​​elem.freetrans（）或者在DOM中呈现元素。

您可以尝试两件事：

1. 使用$ timeout（function（）{elem.freetrans（）}） - 你有时需要在指令中使用$ timeout来在元素呈现后对元素做一些事情（例如get它与/ height）;

2. 使用attrs。$ observe确保在尝试调用elem.freetrans（）时设置了类。