in my Angular Application I try to access a Component, which I want to clone in an other component.

import { Component } from '@angular/core';
import { CloneComponentComponent } from './clone-component/clone-component.component'; // I want to access this component

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'UserManager';

  cloneUpper(){
    console.log("Cloned!");
    var cln = new CloneComponentComponent(); 
    console.log(cln);  //This returns CloneComponentComponent {}, so it is empty
    console.log(cln.toString()); //This return [object Object]
    var container = document.getElementById('cloneContainer');
    container?.append();
  }
}

As you can see the "cln" variable is empty but I do not really know how else I should access this component.