AngularJS directive with xeditable: how to pass onbeforesave to directive?

Question

I am using xeditable within the directive. This is working fine. However, I am unable to get onbeforesave (and others) to work. Below is the outline of my angularjs code:

app.directive('view', function () {
    return {
        scope: { field: "=", onbeforesave: "&" },
        restrict: 'E',
        transclude: true,
        replace: true,
        template: '<a href="#" deditable-text="field" onbeforesave="onbeforesave(field, $data)">{{ field || "empty" }}</a>'
    }
});

in index.html:

...
<view field="userObj" onbeforesave="fieldChanged()">
...
</view>

In my controller.js

 ...
 $scope.userObj = "xyz";
 $scope.fieldChanged = function (field, newValue) {
    alert('fieldChanged called');
 }

My problem is that $scope.fieldChanged() was never called. Could anyone point out what I am doing wrong?

Thanks.

Typo? missing function keyword.

PSL
– PSL

2015-01-03 21:09:04 +00:00
Commented Jan 3, 2015 at 21:09 — PSL
– PSL, Commented Jan 3, 2015 at 21:09

aurimas · Accepted Answer · 2015-01-03 21:06:53Z

1

I think you are missing word Function

$scope.fieldChanged = function (field, newValue) {
alert('fieldChanged called');

}

answered Jan 3, 2015 at 21:06

aurimas

7710 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS directive with xeditable: how to pass onbeforesave to directive?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related