<div *ngIf="error" class="alert alert-danger alert-dismissible fade show" role="alert"> <strong>Error! </strong> {{ errorMessage }} <button type="button" (click)="vanishError()" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div *ngIf="success" class="alert alert-success alert-dismissible fade show" role="alert"> <p><strong>Success! </strong> Owner {{ success }} has been successfully added. </p> <button type="button" (click)="vanishAlert()" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="container"> <h1>Add new owner</h1> <form (ngSubmit)="addOwner()" #ownerForm="ngForm"> <div class="form-group"> <label for="name">Name</label>
<input type="text" class="form-control" name="name" [(ngModel)]="owner.name" pattern="\S+.*" required>
</div> <button type="submit" class="btn btn-success" [disabled]="!ownerForm.form.valid" (submit)="addOwner()">Submit</button> </form> </div>