problem description

I now need to control how the child component is displayed. I have obtained the object instance of the child component component, but how do I display this object in the template of the parent component?

the environmental background of the problems and what methods you have tried

< ng-template [ngComponentOutlet] = "child [0]" > < / ng-template > this must not be done

related codes

import { Component, OnInit, ViewContainerRef, TemplateRef, ContentChildren, AfterViewInit } from "@angular/core";
import { ISelectItem } from "./item-interface";
@Component({
  selector: "zzj-table-tool-select",
  templateUrl: "./table-tool-select.component.html",
  styleUrls: ["./table-tool-select.component.scss"]
})
export class TableToolSelectComponent implements OnInit,AfterViewInit {
  children: ISelectItem[] = [];
  @ContentChildren("child") child;
  constructor() { }

  ngOnInit() {
  }
  public addItem(item: ISelectItem) {
    this.children.push(item);
  }
  ngAfterViewInit() {
    console.log("--------");
    console.log(this.child)
  }
}