javascript - 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>

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

谢谢&问候

Answer 1

据我所知，您似乎是在附加类或在 DOM 中呈现元素之前调用 elem.freetrans()。

您可以尝试两件事:

1. 使用 $timeout(function () {elem.freetrans()}) - 有时您需要在指令中使用 $timeout 来在元素在 DOM 中呈现后对其执行某些操作(例如，获取它与/高度);

2. 使用 attrs.$observe 确保在您尝试调用 elem.freetrans() 时设置类。