如何通过单击字体真棒图标从 mongodb 中删除项目?

How to delete item from mongodb on click of font awesome icon?

我正在开发库存应用程序,并尝试在单击 delete 超赞字体图标时从 mongodb 中删除项目。

我查看了 MDN 文档本地库项目 link,但他们使用带有隐藏表单输入的专用路径来删除项目。我似乎无法弄清楚如何编写哈巴狗文件的代码,以便在单击图标时在类别控制器中触发删除路由。

Category_detail.pug

extends layout 
block head 
    link(rel="stylesheet", href="/stylesheets/category_detail.css")
    <script src="https://kit.fontawesome.com/abb39a57a2.js" crossorigin="anonymous"></script>
block content 
    h1 #{category.name} 
    table
        thead 
            tr 
                th Item name 
                th Price 
                th Update 
                th Delete
        tbody 
            each item in items
                tr 
                    td #{item.itemName}
                    td #{item.price}
                    td
                        //- Update iten details 
                        a(href="#") 
                            i(class="fas fa-edit")
                    td 
                        //- Delete item 
                        form(method="POST" action='')
                            div.form-group
                                input(type="hidden", name='itemid',required="true", value=item._id )
                            a()
                                i(class="fas fa-trash" type='submit')
                            
                        //- a(href="#")
                            //- i(class="fas fa-trash") 
            

这是我的 github 如果你想看任何其他文件

我不知道哈巴狗是什么,但我知道 HTML.. 我也是菜鸟。。 首先,我们不能点击 标签..所以,我们可以在锚标签上添加点击功能并编写我们的逻辑..(在您的情况下,它是删除逻辑) ..

我解决了。这是更新图标的代码

Pug 文件

td
  //- Update iten details 
      a( href=`/categories/${category._id}/update/${item._id}` class="updatebtn" data-updateid=`${item._id}`) 
        i(class="fas fa-edit")

我只是将 href 添加到包含 clicked.After 项目的 id 的锚标记,在后端我使用 req.param.id 来获取特定的 ID单击项目。

itemController

exports.itemUpdate_get = (req, res)=>{
    Items.findById(req.params.id)
    .populate('category')
    .exec(function(err, data){
        res.render('item_form', {itemData: data});
    })
}