小编Luc*_*uca的帖子

如何从 Angular 形式中修剪值?

我有一个带有两个输入(用户名和密码)的 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)

forms rest spring angular

2
推荐指数
1
解决办法
2万
查看次数

标签 统计

angular ×1

forms ×1

rest ×1

spring ×1