我有一个带有两个输入(用户名和密码)的 Angular 表单,当用户提交表单时,这些值将通过 POST 发送到 Spring Boot REST 控制器。我想在将数据发送到控制器之前对其进行修剪,但我找不到如何做到这一点。
这是我的 form-component.html:
<form #loginForm="ngForm" (ngSubmit)="onSubmit()" name="loginForm">
<input required ngModel [(ngModel)]="user.username" name="loginUsername" #loginUsername="ngModel" type="text" placeholder="Username">
<div class="alert alert-danger" role="alert" *ngIf="loginUsername.invalid && (loginUsername.dirty || loginUsername.touched)">Username not inserted</div>
<input required ngModel [(ngModel)]="user.password" name="loginPassword" #loginPassword="ngModel" type="text" placeholder="Password">
<div class="alert alert-danger" role="alert" *ngIf="loginPassword.invalid && (loginPassword.dirty || loginPassword.touched)">Password not inserted</div>
<button class="btn btn-primary" type="submit">Login</button>
</form>
Run Code Online (Sandbox Code Playgroud)
这是我的 form-component.ts:
export class LoginFormComponent implements OnInit{
user: User;
constructor(private route: ActivatedRoute,
private router: Router,
private login: LoginService){
this.user = new User(); …Run Code Online (Sandbox Code Playgroud)