ngTemplateOutlet ‐ ngTemplateOutletContext - quan1997ap/angular-app-note GitHub Wiki

    <ng-container
      [ngTemplateOutlet]="formError"
      [ngTemplateOutletContext]="{
        validation: 'required',
        message: 'Bạn cần điền tên đăng nhập',
        control: loginForm.controls['email']
      }"
    ></ng-container>
    <ng-container
      [ngTemplateOutlet]="formError"
      [ngTemplateOutletContext]="{
        validation: 'email',
        message: 'Tên đăng nhập không hợp lệ',
        control: loginForm.controls['email']
      }"
    ></ng-container>

<ng-template
  #formError
  let-control="control"
  let-message="message"
  let-validation="validation"
>
  <ng-container
    *ngIf="control.hasError(validation) && (control.dirty || control.touched)"
  >
    <div class="fv-plugins-message-container danger-color">
      <span role="alert" >
        {{ message }}
      </span>
    </div>
  </ng-container>
</ng-template>