Обрезать значение поля и установить значение в событии onchange angular

Question

Мне нужно обрезать значение поля и установить значение в событии onchange angular

<form [formGroup]="form" (ngSubmit)="submitForm()">
<div>
<input type="text" matInput formControlName="name" [(ngModel)]="name" (ngModelChange)="mychange($event)">
</div>
</form>

private mychange(event) {
       console.log(event) 
       let name: any
        let c = event.trim();
        console.log(c);
    }

Пожалуйста, дайте мне знать, кто-нибудь есть идея

Answer 1

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

. html код

<div class="container">
  <div class="row">
    <div class="col-xs-12 col-sm-10 col-md-8 col-md-offset-2 col-sm-offset-1">
      <form [formGroup]="form">
        <div formGroupName="userData">
          <div class="form-group">
             <label for="username">UserName</label>
             <input type="text" class="form-control"
              id="username" formControlName = "username" (change)="onSubmit()">
          </div>
        </div>
        <button class="btn btn-primary" type="submit">Submit</button> 
      </form>
    </div>
  </div>
</div>

.ts код

export class AppComponent implements OnInit {
  form: FormGroup;

  ngOnInit() {
    this.form = new FormGroup({
      userData: new FormGroup({
        username: new FormControl(null, [Validators.required])
      })
    });
  }

  onSubmit() {
    this.form.get("userData").valueChanges.subscribe(val => {
      console.log(val.username.trim());
    });
  }
}