html - 不去 AngularJs 中的特定 URL this.router.navigate()

Question

我正在使用 angularJS 制作注册表单，并使用 Bootstrap 模板进行设计。

这是我的表单，表单页面的路径是 http://localhost:4200/signup

<form method="post" (submit)='register(username.value,email.value,password.value)'>
  <div class="form-group">
    <label for="name">Full name</label>
    <input type="text" id="name" #username class="form-control" placeholder="Enter your name">
  </div>
  <div class="form-group">
    <label for="remail">Email address</label>
    <input type="email" id="remail" #email class="form-control" placeholder="Enter email">
  </div>
  <div class="form-group">
    <label for="rpassword">Password</label>
    <input type="password" #password class="form-control" id="rpassword" placeholder="Password">
  </div>

  <button type="submit" class="btn btn-primary">Register</button>
</form>

但问题是当我点击 submit button 时或点击 enter , 它会自动刷新页面并显示Cannot POST /signup .

因为这是我的 component.ts file

register(name,email,password) {
this.userService.registerUser(name, email, password).subscribe(data => {
        if (data.success) {
          console.log('reaches');
          this.router.navigate(['user']);
        } else {
          console.log('error');
        }
      });
 }

它正在尝试前往 /signup post 方法中的路径，但在 component.ts 中文件我给出了'/user'的路径

它如何自动转到/signup ？以及如何阻止它。

Answer 1

您的表单正在尝试将数据发布到服务器。听起来你没有可以处理帖子的服务器，所以你得到了错误。

要解决这个问题，您需要一个可以处理表单发布的服务器。