Single Dialog Box Use in Multiple Pages

• We have created Dialog component as a separate service using @Injectable().
• In this service, we have created common functions like showDialog, hideDialog etc.
• We have shown/hidden the Dialog component with dynamically updated content using showDialog/hideDialog service method when the buttons are clicked.

• We have rendered the Common Dialog on a child Component page with the dropdown list component and assigned the value dynamically to other component pages.
• We have created ‘Parent’ and ‘Hello’ component page and used in Dialog component.
• We have shown the Dialog component when you click the button and shown the selected dropdown value in the corresponding component page.

Is it possible to pass an ng-template component as content using the Dialog Angular service?  For example, can I replicate the following dialog component example using the service?

    <ejs-dialog id="editDlg" #editDlg

          [visible]='hidden'

          [isModal]='isModal'

          [animationSettings]='animationSettings'

          [showCloseIcon]='showCloseIcon'

          [header]='header'

          (open)="dialogOpen()"

          (close)="dialogClose()"

          [width]='width'>

          <ng-template #content>

              <app-edit-form *ngIf="modalContentSelect == 'edit'" [dataSource]="dataSource"></app-edit-form>

              <app-create-form *ngIf="modalContentSelect == 'create'"></app-create-form>

          </ng-template>

    </ejs-dialog>