Подтвердите форму, управляемую шаблоном, нажав кнопку AddMore в Angular-4.

Question

Я работаю над шаблонной угловой формой. Я хочу отобразить сообщение об ошибке проверки, когда пользователь нажимает кнопку "Добавить еще".

Ниже моя форма.

    <form #billingLocationForm='ngForm' role="form" (ngSubmit)="formSubmit(billingLocationForm.value)" novalidate id="add_billing_contact_form" name="addBillingForm">
        <div class="col-lg-4 col-xs-6"> 
              <label for="bill_location_1">Billing location</label>
              <input type="text" id="bill_location_1" #billLocation1Ref="ngModel" [(ngModel)]="billLocation1_txt" name="billLocation1" required />

              <div *ngIf="billLocation1Ref.errors && (billLocation1Ref.dirty || billLocation1Ref.touched) " class="form_err_msg">
                   <div [hidden] ="!billLocation1Ref.errors.required">
                   Please enter your Billing location
                   </div>
              </div>               
        </div>          
    <button class="btn btn-block btn-full" type="submit" [disabled]="!billingLocationForm.form.valid">Submit</button>

</form>

<a href="javascript:void(0)" (click)="addMoreField()">
   <span class="glyphicon glyphicon-plus">Add More</span>
</a>   

Пожалуйста, предложите способ достижения желаемого результата.

Спасибо