Q: Angular: Copy markup to external tag I am integrating the markup of an Angular-App A into another application B. This works fine. Now I want to "project" the content/markup of a component from application A into an html-tag in application B - which is obviously not part of our application.
Is this somehow possible? I was playing around with ViewChild and createEmbeddedView - but this doesn't seem to work for target-containers which are outside of the application:
@Component({
    selector: "ebc-app",
    templateUrl: "./app.component.html",
    styleUrls: ["./app.component.css"]
})
export class AppComponent {
    @ViewChild("clone") private template;
    @ViewChild("targetFooterContainer", { read: ViewContainerRef }) private container;

    constructor(@Inject("ISOLATED_RENDER_COMPONENT") public isolatedRenderComponent: string) {
    }

    private cloneTemplate() {
        this.container.createEmbeddedView(this.template);
        // container is undefined here
    }
}

