Как отправить данные формы в виде параметров из службы Angular в метод контроллера REST Spring Boot с помощью @RequestParam? - PullRequest
0 голосов
/ 06 ноября 2019

Я пытаюсь отправить данные из формы в шаблоне HTML в проекте Angular в метод REST Controller Spring Boot, который принимает @RequestParam параметры для аргументов функции. Это выглядит так:

@PostMapping("/login")
    public String loginGateway(@RequestParam("uname") String username, @RequestParam("passwd") String password) 
    {
        // some processing here
    }

Обратите внимание, что мне нужно использовать @RequestParam здесь. Я нашел много учебных пособий с @RequestBody, но почти не упомянул первый.

Моя форма в шаблоне Angular HTML выглядит следующим образом:

<h2 style="text-align: center;">Login to your Account</h2>
<br/>
<div style="width: 40%;" class="container center_div">
    <form #employerForm="ngForm" class="was-validated" (ngSubmit)="onSubmit()">
        <div class="form-group">
            <label>Email : </label>
            <input #un="ngModel" name="username" type="email" class="form-control" [(ngModel)]="login.username" required placeholder="Enter your email">
            <div *ngIf="un.errors && (un.invalid || un.dirty)">
                <small *ngIf="un.errors.required" class="text-danger">Username is required</small>
            </div>
        </div>

        <div class="form-group">
            <label>Password : </label>
            <input #pw="ngModel" name="password" type="password" class="form-control" [(ngModel)]="login.password" required placeholder="Enter your password">
            <!-- <div class="valid-feedback">valid</div> -->
            <div *ngIf="pw.errors && (pw.invalid || pw.dirty)">
                <small *ngIf="pw.errors.required" class="text-danger">Password is required </small>
            </div>
        </div>
        <br/>
        <div style="text-align: center;">
            <a href="#" class="btn btn-primary d-block">Sign In</a>
        </div>
    </form> 
</div>

Класс Login в Angular выглядит следующим образом:

export class Login {
    userId: number;
    username: string;
    password: string;
    roleType: string;
}

Подводя итог, как мне отправить данные, введенные пользователем в форме шаблона HTML, в мой метод контроллера Spring Boot, который использует параметры @RequestParam?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...