Question

我正在尝试使用操作属性创建一个简单的登录表单。这里的问题是永远不会发送 / login 的请求。通过开发工具在DOM中复制和粘贴表单使复制的表单起作用。 Angular似乎阻止了表单的默认行为。

这是我的登录表单组件，非常基本：

@Component({
  selector: 'my-app',
  template: `
    <form #f="ngForm" action="/login" method="POST">
      Username: <input type="text"required>
      <br/>
      Password: <input  type="password" required>
      <br/>  
      <button type="submit">Login</button>
    </form>
  `,
  directives: [FORM_DIRECTIVES]
})

我还尝试在true指令的处理程序中返回false / ngSubmit，但它也不起作用。

这是一个说明问题的plunker。

任何人都知道如何告诉angular提交带有操作请求的表单？

angular.2.0.0-Beta.1

Answer 1

你可以这样做：

<button type="submit" (click)="f.submit()">Login</button>

或使用ngNoForm标记中的form属性，如@Thierry Templier所示：

How to submit form to server in Angular2

Angular 2表单在提交时不发送动作请求

1 个答案: