Sunday, October 29, 2017

Edit mode in grid by angular js

HTML:

  <td>
                            <p data-ng-hide="item.editMode"><a data-ng-click="toggleEdit(item)" href="javascript:;">Edit</a> | <a data-ng-click="deleteitem(item)" href="javascript:;">Delete</a></p>
                            <p data-ng-show="item.editMode"><a data-ng-click="save(item)" href="javascript:;">Save</a> | <a data-ng-click="cancel()" href="javascript:;">Cancel</a></p>

                        </td>



Script:

  $scope.toggleEdit = function () {
        this.item.editMode = !this.item.editMode;

    };

No comments:

Post a Comment