Angular 5 client side validation (read details)

Question

I am displaying 3 screen in one single page in angular 5 then i want to do client side validation after click main page save button.

 

Sample code dispaly below.

 

</form>

<div cClass="row">

<div class="col-md-1">

<button type="submit" class="btn btn-primary btn-sm" style="margin-right:3px;" >Save</button>

</div>

<div class="col-md-1">

<button type="button" class="btn btn-primary btn-sm" style="margin-right:3px;" >Next</button>

</div>

</div>

<div class="row">

<!--Differnt HTML Page-->

<app-orderSubmit-details>

</app-orderSubmit-details>

</div>

<div class="row">

<!--Differnt HTML Page-->

<app-orderData-details>

</app-orderData-details>

</div>

<div class="row">

<!--Differnt HTML Page-->

<app-order-details>

</app-order-details>

</div>

</form>