Edit arrays using angular-xeditable

Question

I pull some objects from my api using ngResource an then I show them in a table. Thats ok.. the problem become when I try to make 'tags' attribute editable using angular-xeditable but are treated as string and there isn't something like "ngList" on angular-xeditable. The only solution I can think of is serialize that "tags" attribute to "tagsString" on my service and unserialize it once $save() was called.. there is a more elegant solution? Object: ``` { "id": "yP8", "uploadDate": "2012-10-03T12:52:59-0300", "statusChangeDate": "2012-10-03T12:52:59-0300", "status": 0, "type": 1, "mimeType": "JPEG", "title": "title-36868", "tags": [ 'some-tag', 'fancy-tag' ], "language": "en", "interactions": { "likes": 12371, "dislikes": 15, "comments": 81 }, "published": true } ``` Controller: ``` app.controller( 'ContentsCtrl', function CommentsCtrl( $scope, Contents ) { $scope.contents = Contents.query(); }); ``` Template: ``` {{content.id}}

Accepted Answer

What about solving it with another directive. Not with xeditable.

Like: http://decipherinc.github.io/angular-tags/

You do want to have the tags editable? What input mechanism do you want to have?

What about another ng-repeat for the tags to make them each an single input field and maybe an mechanism for add and delete tags.

Edit arrays using angular-xeditable

Solution

Problem