javascript - 使用 angular-xeditable 编辑数组

Question

我使用 ngResource 从我的 api 中提取一些对象，然后在表格中显示它们。没关系..当我尝试使用angular-xeditable使'tags'属性可编辑但被视为字符串并且angular-xeditable上没有类似“ngList”的东西时，问题就来了。我能想到的唯一解决方案是在我的服务上将“tags”属性序列化为“tagsString”，并在调用 $save() 后将其反序列化。有更优雅的解决方案吗？

对象:

{
    "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();
});

模板:

<tr ng:repeat="content in contents.content">
    <td>{{content.id}}</td>
    <td ng:click="content.images.showFull=!content.images.showFull">
        <img src="{{content.images.thumbnail.url}}" ng:show="!content.images.showFull">
        <img src="{{content.images.medium.url}}" ng:show="content.images.showFull">
    </td>
    <td>{{content.status}}</td>
    <td>
        <span editable-text="content.title" e-required>{{content.title}}</span>
    </td>
    <td>
        <span editable-text="content.tags">{{content.tags}}</span>
    </td>
    <td>{{content.language}}</td>
</tr>

编辑:

演示(塞巴斯蒂安·加特纳): http://plnkr.co/edit/ttPNgHXUZKmaJZ9IuB2N?p=preview

Answer 1

用另一个指令解决它怎么样？不适用于 xeditable。

喜欢:http://decipherinc.github.io/angular-tags/

您确实希望标签可编辑吗？你想要什么样的输入机制？

标签的另一个 ng-repeat 怎么样，使每个标签成为一个输入字段，并且可能是一种添加和删除标签的机制。