client/src/app/signup/signup.component.html

   1 <h3>Signup</h3>
   2
   3 <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
   4
   5 <form role="form" (ngSubmit)="signup()" [formGroup]="form">
   6   <div class="form-group">
   7     <label for="username">Username</label>
   8     <input
   9       type="text" class="form-control" id="username" placeholder="Username"
  10       formControlName="username"
  11     >
  12     <div *ngIf="formErrors.username" class="alert alert-danger">
  13       {{ formErrors.username }}
  14     </div>
  15   </div>
  16
  17   <div class="form-group">
  18     <label for="email">Email</label>
  19     <input
  20       type="text" class="form-control" id="email" placeholder="Email"
  21       formControlName="email"
  22     >
  23     <div *ngIf="formErrors.email" class="alert alert-danger">
  24       {{ formErrors.email }}
  25     </div>
  26   </div>
  27
  28   <div class="form-group">
  29     <label for="password">Password</label>
  30     <input
  31       type="password" class="form-control" id="password" placeholder="Password"
  32       formControlName="password"
  33     >
  34     <div *ngIf="formErrors.password" class="alert alert-danger">
  35       {{ formErrors.password }}
  36     </div>
  37   </div>
  38
  39   <input type="submit" value="Signup" class="btn btn-default" [disabled]="!form.valid">
  40 </form>