register.component.html

<br />
<div class="card" style="width:35%; margin: 0 auto">
    <div class="card-header" style="text-align:center">
        <b>Register</b>
    </div>
    <div class="card-body">
        <form (ngSubmit)="register()" #registerForm="ngForm">
            <div *ngFor="let error of errors" style="color:red">
                <ul style="list-style-position:inside; padding-left:0">
                    <li>{{ error.description }}</li>
                </ul>
            </div>
            <div class="input-group">
                <div class="input-group-prepend">
                    <div class="input-group-text"><i class="fa fa-envelope" aria-hidden="true"></i></div>
                </div>
                <input type="email" class="form-control" placeholder="Email" aria-label="Email" aria-describedby="email-addon" [(ngModel)]="newUser.email" id="email" name="email" #email="ngModel" />
            </div><br />
            <div class="input-group">
                <div class="input-group-prepend">
                    <div class="input-group-text"><i class="fa fa-user" aria-hidden="true"></i></div>
                </div>
                <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="username-addon" [(ngModel)]="newUser.username" id="username" name="username" #username="ngModel" />
            </div><br />
            <div class="input-group">
                <div class="input-group-prepend">
                    <div class="input-group-text"><i class="fa fa-unlock-alt" aria-hidden="true"></i></div>
                </div>
                <input type="password" class="form-control" placeholder="Password" aria-label="Password" aria-describedby="password-addon" [(ngModel)]="newUser.password" id="password" name="password" #password="ngModel" />
            </div><br />
            <div class="submit" style="text-align:center">
                <button type="submit" class="btn btn-outline-success">Register</button>
            </div>
        </form>
    </div>
</div>