Spring boot 将参数从Angular2发送到spring boot

我的控制器中有一个web服务，它接受三个字符串参数。它运行良好（使用Postman进行测试）。我有一个表单，它将从angular2发送这些参数。这是我的控制器： `@RestController 公共类注册器API{

@Autowired
RegisterMetier registerMetier;


@RequestMapping(value="/register",method = RequestMethod.POST)
public void register(@RequestParam("userName") String userName,@RequestParam("password") String password,@RequestParam("email") String email){
        registerMetier.save(userName, email, password);
}`

                <div class="form-group">
                    <input type="text" class="form-control input-underline input-lg" id="" placeholder="Email" #email >
                </div>

                <div class="form-group">
                    <input type="password" class="form-control input-underline input-lg" id="" placeholder="Password" #password>
                </div>
                <div class="form-group">
                    <input type="password" class="form-control input-underline input-lg" id="" placeholder="Repeat Password">
                </div>
            </div>
            <a class="btn rounded-btn" (click)="submit(userName.value,email.value,password.value)"  > Register </a>&nbsp;
            <a class="btn rounded-btn" [routerLink]="['/login']"> Log in </a>
        </form>
    </div>
</div>

下面是我的typeScript代码（服务）：

@Injectable（）
导出类AddThreshold{
建造师(
专用http:http
) {}
添加（用户名：任意、密码：任意、电子邮件：任意）{
const body=JSON.stringify（{userName:userName，password:password，email:email}）；
控制台日志（'9raaahom'）；
const headers=新的头（{'Content Type'：'application/json'}）；
headers.append（'Accept'，'application/json'）；
let options=newrequestoptions（{headers:headers，withCredentials:true}）；
返回此.http.post（

，正文，选项）
.map（（数据：响应）=>data.status）；
}

对于我的组件： `@组成部分({

                <div class="form-group">
                    <input type="text" class="form-control input-underline input-lg" id="" placeholder="Email" #email >
                </div>

                <div class="form-group">
                    <input type="password" class="form-control input-underline input-lg" id="" placeholder="Password" #password>
                </div>
                <div class="form-group">
                    <input type="password" class="form-control input-underline input-lg" id="" placeholder="Repeat Password">
                </div>
            </div>
            <a class="btn rounded-btn" (click)="submit(userName.value,email.value,password.value)"  > Register </a>&nbsp;
            <a class="btn rounded-btn" [routerLink]="['/login']"> Log in </a>
        </form>
    </div>
</div>

}) 导出类SignupComponent实现OnInit{

    angular = false;
    x={};
    y={};
     constructor(
         private AddClass: AddThreshold
         ) {}
      ngOnInit()
      {
      }
      submit (userName:any,password:any,email:any)
     {
         console.log(userName);console.log(password);console.log(email);   

        this.AddClass.add(userName,password,email)
          .subscribe(data => console.log("here"+data));

         console.log("end add ")
         ;
     }

                <div class="form-group">
                    <input type="text" class="form-control input-underline input-lg" id="" placeholder="Email" #email >
                </div>

                <div class="form-group">
                    <input type="password" class="form-control input-underline input-lg" id="" placeholder="Password" #password>
                </div>
                <div class="form-group">
                    <input type="password" class="form-control input-underline input-lg" id="" placeholder="Repeat Password">
                </div>
            </div>
            <a class="btn rounded-btn" (click)="submit(userName.value,email.value,password.value)"  > Register </a>&nbsp;
            <a class="btn rounded-btn" [routerLink]="['/login']"> Log in </a>
        </form>
    </div>
</div>

} `

                <div class="form-group">
                    <input type="text" class="form-control input-underline input-lg" id="" placeholder="Email" #email >
                </div>

                <div class="form-group">
                    <input type="password" class="form-control input-underline input-lg" id="" placeholder="Password" #password>
                </div>
                <div class="form-group">
                    <input type="password" class="form-control input-underline input-lg" id="" placeholder="Repeat Password">
                </div>
            </div>
            <a class="btn rounded-btn" (click)="submit(userName.value,email.value,password.value)"  > Register </a>&nbsp;
            <a class="btn rounded-btn" [routerLink]="['/login']"> Log in </a>
        </form>
    </div>
</div>

和我的网页组件： ` SB管理员BS 4角2

                <div class="form-group">
                    <input type="text" class="form-control input-underline input-lg" id="" placeholder="Email" #email >
                </div>

                <div class="form-group">
                    <input type="password" class="form-control input-underline input-lg" id="" placeholder="Password" #password>
                </div>
                <div class="form-group">
                    <input type="password" class="form-control input-underline input-lg" id="" placeholder="Repeat Password">
                </div>
            </div>
            <a class="btn rounded-btn" (click)="submit(userName.value,email.value,password.value)"  > Register </a>&nbsp;
            <a class="btn rounded-btn" [routerLink]="['/login']"> Log in </a>
        </form>
    </div>
</div>

登记
登录

---

`

控制台中的错误：响应{正文：{“时间戳”：1493049128213，“状态”：404，“错误”：“N…消息”：“无可用消息”，“路径”：“/注册”}，状态：404，确定：假，状态文本：“确定”，标题：标题…}headers:headers如果收到404错误，请检查url是否在url的开头包含上下文路径I'm get now 400 error:POST 400（）。控制台中的错误：响应{正文：{“timestamp”：1493049128213，“status”：404，“error”：“N…消息”：“无消息可用”，“路径”：“/注册”}，状态：404，ok:false，statusText:“ok”，headers:headers…}headers:headers如果出现404错误，请检查url的开头是否包含上下文路径I'm get now 400错误：POST 400（）。

                <div class="form-group">
                    <input type="text" class="form-control input-underline input-lg" id="" placeholder="Email" #email >
                </div>

                <div class="form-group">
                    <input type="password" class="form-control input-underline input-lg" id="" placeholder="Password" #password>
                </div>
                <div class="form-group">
                    <input type="password" class="form-control input-underline input-lg" id="" placeholder="Repeat Password">
                </div>
            </div>
            <a class="btn rounded-btn" (click)="submit(userName.value,email.value,password.value)"  > Register </a>&nbsp;
            <a class="btn rounded-btn" [routerLink]="['/login']"> Log in </a>
        </form>
    </div>
</div>