Как проверить, действительна ли модель в angular / typcript?

Question

У меня есть приложение Angular 8.

Моя модель выглядит как

export class UserModel
{
  name:string;
  email:string;
  age? :number; //optional (?)
}

метод в user.component.ts (или user.service.ts)

public addUser(user:userModel)
{
  if(model is valid)
  {
     //then call service & so on
  }

}

У меня в шаблоне компонента есть валидаторы HTML5 как

<div> 
<input type="text" placeholder="Enter your name" required />
<input type="email" placeholder="Enter your email" required /> 
<input type="number" placeholder="Enter your age"/>
</div>

Но я также хочу проверить модель в машинописи? как я могу проверить модель?

Answer 1

Вы можете попробовать следующий код:

checkFormValidation(form, markTouchFlag: boolean = true) {

    if (form.invalid) {
        if (markTouchFlag) {
            this.markFormControlTouched(form.controls);
        }
        return true;
    }

    return false;
}

Answer 2

Я предполагаю, что у вас есть форма в вашем HTML, так что вы можете использовать ее для проверки правильности:

В вашем файле ts:

@ViewChild(NgForm, {static: true}) form: NgForm;

public addUser(user:userModel)
{
  if(this.form.valid)
  {
    //then call service & so on
  }}

Answer 3

Просто проверьте модель, если она нулевая или нет, с помощью if (model)

public addUser(user:userModel)
{
  if(user)
  {
     //execute the code
  }
}