带有数据方法的 HTML 链接不起作用

标签 html angularjs pugjs

我试图在 AngularJS 应用程序的 View 中创建一个链接,只是为了发送一个数据方法 DELETE。

我的路线:

app.delete('/logout', function(req, res) {
   req.session = null
   res.status(200)
   res.redirect('/')
})

我的 PugJS 模板:

a(ng-href='/logout', data-method='delete', data-confirm='Are you sure?', rel='nofollow')
          span(translate) Logout  

生成的 HTML:

<a ng-href="/logout" data-method="delete" data-confirm="Are you sure?" rel="nofollow" class="" href="/logout">
   <span translate="translate" class="ng-scope">
      <span class="ng-scope">Logout</span>
   </span>
</a>

但是当我点击链接时,我收到以下消息:

Cannot GET /logout

在我看来,数据方法不起作用。有人知道发生了什么吗?

感谢一段时间。

最佳答案

我想您习惯于在 Rails 中使用 data-method。在 AngularJS(或 HTML)中,没有 data-method 这样的东西。

我的建议是要么编写您自己的指令来发送删除,要么在您的 Controller 中添加一个操作并改用 ng-click

关于带有数据方法的 HTML 链接不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41978873/

相关文章:

node.js - 如何在 pugjs 模板中包含 css 文件

html - 如何仅使用 CSS 鼠标相关事件来换出文本框中的文本?

html - Chrome 动画 gif 背景图像无法播放 - 背景大小

html - 阻止 Prettier 格式化程序将 React JSX 文件中的每个 HTML 标签放在自己的行上?

javascript - jade/pug 是否可以在 include 语句中使用变量?

html - Jade 渲染后如何在两个 <div> 之间添加一个空格字符?

html - 子菜单上的渐变与主菜单上的颜色相同

AngularJS 动态表,列数未知

angularjs - 在 Web 应用程序上同时运行两个版本的 (twitter) Bootstrap

javascript - 奇怪的 Angular ng-model 问题