使用 Angular、javascript 编辑和删除表单

Question

我编写了一个简单的代码，在实现时会从数组（书签）中生成元素，并且每个元素都有编辑和删除按钮。我编写了将提交传递给一个名为 updatebookmark() 的函数进行编辑的 html 代码，以及用于删除的 deleteBookmark() 函数，但是单击时两个按钮都没有回复，这是 jsfiddle 的链接 https://jsfiddle.net/SaifHarbia/5xds83fn/

updateBookmark函数长这样（应该是更新under-edit的值，直接替换掉屏幕上的旧值）：

function updateBookmark(bookmark) { // updating the under-edit bookmark

        var index = _.findIndex($scope.bookmarks, function (b) {
            return b.id == bookmark.id;
        });
        $scope.bookmarks[index] = bookmark;
        $scope.editedBookmark = null;
        $scope.isEditing = false;
    } 

虽然 deleteBookmark 函数看起来像这样：

function deleteBookmark(bookmark) { // delete a bookmark
    var index = $scope.bookmarks.indexOf(bookmark.id);
    _.remove($scope.bookmarks, function (b) {
        return b.id == bookmark.id;

    });
}

Answer 1

小提琴中的下划线文件链接存在问题。删除功能也不正确。检查这个Fiddle

删除功能：-

function deleteBookmark(bookmark) { // delete a bookmark
        var index = $scope.bookmarks.indexOf(bookmark.id);
      $scope.bookmarks =  _.reject($scope.bookmarks, function (b) {
            return b.id == bookmark.id;

        });
    }