javascript - Jquery 代码在 AngularJs 函数中不起作用

我现在正在开发一个包含大量 jquery 代码的项目，我正在将其迁移到 angular，但它需要尽快交付(没有时间更改每段代码)。

代码看起来像......

var app = angular.module('audiapp', ['ngResource']);

app.controller('audiLayoutCtrl', function ($scope, dataFactory) {

    $scope.editbutton = function () {
        //e.preventDefault();
        var editable = $(this).parents('.editable');
        editable.find('.editable-body').hide();
        editable.find('.editable-form').show();
        editable.find('.editable-toggle').hide();
    };

}

在这段代码中，editbutton 函数被调用，但里面的 jquery 代码不起作用。

如果我完全不合理，我很抱歉，因为我对 angular js 很陌生。

最佳答案

我觉得你应该改变

var editable = $(this).parents('.editable');

至

var editable = jQuery(this).parents('.editable');

$ 可能在 Angular 和 Jquery 之间发生冲突

关于javascript - Jquery 代码在 AngularJs 函数中不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21011095/