angularJS + jQuery可编辑插件可一起使用

CaTz 发表于 Dev

钙钛矿

我正在尝试为jeditable插件编写指令，因此当它更改值时，它也会更改，还可以编辑edited元素的模型。

所以我写了类似的东西，JS Fiddle，但是我不知道如何获取绑定到列表中对象的对象。

JS：

var app = angular.module("app", []);

app.controller('ctrl', function ($scope) {
    $scope.lst = [{
        id: 1,
        name: "item1"
    }, {
        id: 1,
        name: "item1"
    }, {
        id: 2,
        name: "item2"
    }, {
        id: 3,
        name: "item3"
    }, {
        id: 3,
        name: "item3"
    }];
});

app.directive('uiEditable', function () {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            element.editable("/echo/json/", {
                onblur: 'submit',
                onsubmit: function (response, settings) {
                    //here i need to update the model
                }
            });
        }
    };
});

B·科特

在隔离范围内传递您的商品：

app.directive('uiEditable', function(){
    return {
        restrict: 'A',
        scope: {
            item: '='
        },
        link: function(scope, element, attrs){
            element.editable("/echo/json/", {
                onblur: 'submit',
                onsubmit: function(response, settings){
                    alert(scope.item);
                }
            });
        }
    };
});

现在，“ scope.item”将为您提供对指令内项目的引用。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。