app.component.html

<app-error-card></app-error-card>
<app-error-card [template]="googleItTemplate"></app-error-card>

<ng-template #googleItTemplate>
  Another error text
  <div>
    <a href="google.com">Google it</a>
  </div>
</ng-template>

error-card.component.html

<ng-container [ngTemplateOutlet]="template || defaultTemplate">

<ng-template #defaultTemplate>
  An unexpected error occurred.
</ng-template>

error-card.component.ts

import { Component, TemplateRef, Input } from '@angular/core';

@Component({
  selector: 'app-error-card',
  templateUrl: './error-card.component.html',
  styleUrls: ['./error-card.component.scss']
})
export class ErrorCardComponent {
  @Input() template: TemplateRef<any>;
}