3 <div *
ngIf=
"error" class=
"alert alert-danger">{{ error }}
</div>
5 <form role=
"form" (ngSubmit)=
"addUser(username.value, password.value)" #
addUserForm=
"ngForm">
6 <div class=
"form-group">
7 <label for=
"username">Username
</label>
9 type=
"text" class=
"form-control" name=
"username" id=
"username" placeholder=
"Username" required
10 ngControl=
"username" #
username=
"ngForm"
12 <div [hidden]=
"username.valid || username.pristine" class=
"alert alert-danger">
13 Username is required with a length
>=
3 and <=
20
17 <div class=
"form-group">
18 <label for=
"password">Password
</label>
20 type=
"password" class=
"form-control" name=
"password" id=
"password" placeholder=
"Password" required
21 ngControl=
"password" #
password=
"ngForm"
23 <div [hidden]=
"password.valid || password.pristine" class=
"alert alert-danger">
24 Password is required with a length
>=
6
28 <input type=
"submit" value=
"Add user" class=
"btn btn-default" [disabled]=
"!addUserForm.form.valid">