angular - Angular2/4 - 如何将 TemplateRef 中的输入字段添加到组件内的表单中？

Question

我有这个模板的这个组件：

@Component({
    selector: 'form-component',
    template:`
        <form #form="ngForm" (ngSubmit)="formComponentSubmit(form)">
            <ng-container #tmlContainer></ng-container>
            <button type="submit">Component form submit</button>
        </form>`
})
export class FormComponent implements OnInit{
    @ViewChild('tmlContainer', {read: ViewContainerRef}) tmlContainer;
    @Input() templateIn: TemplateRef<any>;

    ngOnInit() {
        this.tmlContainer.insert(this.templateIn.createEmbeddedView(null));
    }

    formComponentSubmit(form) {
        console.log('Component', form)
    }
}

我需要知道如何将输入字段添加到 TemplateRef 并将其添加到我的表单中。

//edit 输入字段必须只存在于组件内部的表单中，不能存在于主应用程序的表单中。

您可以查看此链接中的示例：https ://plnkr.co/edit/cWWxRUlMfR6ecNbga8Y7?p=preview