使用angular、javascript编辑和删除表单
我编写了一个简单的代码,实现后将从数组(书签)生成元素,每个元素都有编辑和删除按钮。我编写了html代码,将submit传递给一个名为updatebookmark()的函数进行编辑,将deleteBookmark()传递给delete,但单击时两个按钮都不会返回响应,这是指向JSFIDLE的链接 updateBookmark函数如下所示(它应该更新编辑下的值并直接替换屏幕上的旧值): deleteBookmark函数如下所示:使用angular、javascript编辑和删除表单,javascript,angularjs,forms,function,Javascript,Angularjs,Forms,Function,我编写了一个简单的代码,实现后将从数组(书签)生成元素,每个元素都有编辑和删除按钮。我编写了html代码,将submit传递给一个名为updatebookmark()的函数进行编辑,将deleteBookmark()传递给delete,但单击时两个按钮都不会返回响应,这是指向JSFIDLE的链接 updateBookmark函数如下所示(它应该更新编辑下的值并直接替换屏幕上的旧值): deleteBookmark函数如下所示: function deleteBookmark(bookmark)
function deleteBookmark(bookmark) { // delete a bookmark
var index = $scope.bookmarks.indexOf(bookmark.id);
_.remove($scope.bookmarks, function (b) {
return b.id == bookmark.id;
});
}
小提琴中的下划线文件链接有问题。此外,删除功能不正确。检查这个 删除功能:-
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;
});
}
@肖恩:我不能选择正确的答案,StackExchange不允许我这样做,因为我是该网站的新手,没有足够的分数:)在发布评论之前,你可以看到原因。非常感谢你的朋友!!这就解决了问题。您能详细说明一下这个问题吗?它是什么?首先,在JSFIDLE中,您没有链接下划线文件,因此它给出了错误。此外,在删除功能中,您需要在删除后分配更新的书签数组,该数组在代码中缺失,并且uz。删除不是下划线函数。抱歉,我不知道php:(在fiddle中,我链接了external js部分的下划线文件,看一看。FYI phpStorm是一个编写JavaScript、xml、html的工具,不仅仅是php,不管怎样,我想到了如何使用那里的库,我只需要将文件包含在里面,我也为JSFIDLE做过,你的答案非常有用,你太棒了!)!!
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;
});
}