Javascript AngularJS可调整大小指令

Javascript AngularJS可调整大小指令,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我在angularjs中有一个指令,处理将jqueryui.resizeable()添加到dom元素的问题。它一直正常工作,直到我们检查了其他一些控制器,并将它们设置为与IE8兼容。(例如,我们去掉了getter) 现在,当我试着运行我的应用程序时(以前是可以工作的)。我收到错误消息: TypeError:undefined不是postLink上的函数 下面是我的指令代码。你知道为什么现在会这样吗 html: elem是jquery对象吗?尝试$(elem)。可调整大小。如果那不起作用。。隔离p

我在angularjs中有一个指令,处理将jqueryui.resizeable()添加到dom元素的问题。它一直正常工作,直到我们检查了其他一些控制器,并将它们设置为与IE8兼容。(例如,我们去掉了getter)

现在,当我试着运行我的应用程序时(以前是可以工作的)。我收到错误消息:

TypeError:undefined不是postLink上的函数

下面是我的指令代码。你知道为什么现在会这样吗

html:


elem
是jquery对象吗?尝试
$(elem)。可调整大小
。如果那不起作用。。隔离postLink函数中的所有函数调用,并查看哪一个会导致错误。IE8是一种痛苦!如果我改为$(elem),我会得到错误“$未定义”,之后只要看看函数,我就会得到elem.resizeable上的错误。。。请记住,我们进行了优化,因此代码将在IE8中运行,但此测试是在CHrome和FF中进行的,而这两个版本以前与此指令配合得非常好。
如果我更改为$(elem),我会得到错误“$未定义”
对不起,我假设您加载了jquery(因为jquery UI需要jquery)。如果在angular之前包含jquery,错误就会消失。不,它真的比这简单。这以前是有效的,现在又有效了。它最终导致了bower和一些依赖项(即jqueryui)不在正确位置的问题。现在修好了。。。谢谢你看这个
<div resizable id="container"></div>
angular.module('tffullscreen.directives').
    directive('resizable', function() {
        return {
            restrict: 'A',
            scope: {
                callback: '&onResize'
            },
            link: function postLink(scope, elem, attrs) {
            elem.resizable({
                helper: 'resizeHelper',
                aspectRatio: true});
            elem.on('resizestop', function (evt, ui) {
                if (scope.callback) { scope.callback(); }
            });
            window.e = elem;
        }
    };
});