The new LoginComponent

From Solution Explorer, navigate to the /ClientApp/app/components/login/ folder and open the login.component.ts file; replace the current content with this brand-new login form:

<div class="login-container">    <img id="login-img" class="login-img"          src="//ssl.gstatic.com/accounts/ui/avatar_2x.png" />    <h2 class="login-title">{{title}}</h2>    <form [formGroup]="form"           (ngSubmit)="onSubmit()"          class="login-form">        <div *ngIf="form.errors?.auth"            class="error-panel help-block">            {{form.errors.auth}}        </div>        <div class="form-group"             [ngClass]="{ 'has-error has-feedback' :               hasError('Username') }">            <input type="text" required                   formControlName="Username"                   class="form-control"                   placeholder="Username or Email address" /> <span *ngIf="hasError('Username')" ...

Get ASP.NET Core 2 and Angular 5 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.