使用angular,javascript

时间:2015-11-09 06:42:36

标签: javascript angularjs forms function

我编写了一个简单的代码,在实现时会生成数组中的元素(书签),对于每个元素,都有Edit&删除按钮。我写了一个html代码,它将提交传递给一个名为updatebookmark()的函数用于编辑,而deleteBookmark()用于删除,但是当点击时这两个按钮都没有给出响应,这是jsfiddle的链接 https://jsfiddle.net/SaifHarbia/5xds83fn/

updateBookmark函数看起来像这样(它应该更新编辑不足的值并直接替换屏幕上的旧值):

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;

    });
}

1 个答案:

答案 0 :(得分: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;

        });
    }