ViewUser component

Here's a minimal implementation of the <app-view-user> directive that is a prerequisite for the Review step.

Create a new viewUser component under user as shown below:

src/app/user/view-user/view-user.component.tsimport { Component, OnInit, Input } from '@angular/core'import { IUser, User } from '../user/user'@Component({  selector: 'app-view-user',  template: `    <mat-card>      <mat-card-header>        <div mat-card-avatar><mat-icon>account_circle</mat-icon></div>        <mat-card-title>{{currentUser.fullName}}</mat-card-title>        <mat-card-subtitle>{{currentUser.role}}</mat-card-subtitle>      </mat-card-header>      <mat-card-content>        <p><span class="mat-input bold">E-mail</span></p>        <p>{{currentUser.email}}</p> <p><span class="mat-input bold">Date of ...

Get Angular 6 for Enterprise-Ready Web Applications 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.