Reactive Form

@if (name.invalid && (name.dirty || name.touched)) {
@if (name.hasError('required')) {
Name is required.
} @if (name.hasError('minlength')) {
Name must be at least 4 characters long.
} @if (name.hasError('forbiddenName')) {
Name cannot be Bob.
}
}
@if (role.pending) {
Validating...
} @if (role.invalid) {
@if (role.hasError('uniqueRole')) {
Role is already taken.
}
}
@if (actorForm.hasError('unambiguousRole') && (actorForm.touched || actorForm.dirty)) {
Name cannot match role or audiences will be confused.
}
@if (skill.invalid && skill.touched) {
@if (skill.hasError('required')) {
Skill is required.
}
}

Complete the form to enable the Submit button.

@if (formDir.submitted) {

You've submitted your actor, {{ actorForm.value.name }}!

}