您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

如何以AngularJS方式双击可编辑表格?

如何以AngularJS方式双击可编辑表格?

我更新了小提琴。这就是你想做的吗?

的HTML

<tr ng-repeat="item in items">
    <td>
        <span ng-hide="item.editing" ng-dblclick="editItem(item)">{{item.name}}</span>
        <input ng-show="item.editing" ng-model="item.name" ng-blur="doneEditing(item)" autofocus />
    </td>
</tr>

JS

$scope.items = [{name: "item #1", editing: false}, 
                {name: "item #2", editing: false}, 
                {name: "item #3", editing: false}];

$scope.editItem = function (item) {
    item.editing = true;
}

$scope.doneEditing = function (item) {
    item.editing = false;
    //dong some background ajax calling for persistence...
};

但是,您可能应该创建一个包含可编辑行的指令。当您双击某个项目时,在其中实现自动对焦。

其他 2022/1/1 18:15:57 有452人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶