角度模板驱动形式-如何将父级绑定到子级

Question

我用模板驱动表单制作了一个名为citizenNumber的组件。

要绑定ngModel，我使用了 ControlContainer 提供程序。

@Component({
selector: 'jhi-citizen-number',
styles: [],
viewProviders: [{ provide: ControlContainer, useExisting: NgForm }],
providers: [
    {
    provide: NG_VALUE_ACCESSOR,
    useExisting: forwardRef(() => CitizenNumberComponent),
    multi: true
    }
],
template: `
        <div class = "form-group">
            <label class = "form-control-label label-color" 
            for = "citizenNumber">Citizen Number
            </label>
            <input type = "text" 
                class = "form-control input-css" 
                name = "citizenNumber" 
                id = "citizenNumber"
                #citizenNumber = "ngModel"
                [(ngModel)] = "value">
    `
})

我在其中输入组件名称#citizenNumber。

我正在尝试以PARENT形式给出组件名称。（要多次在父级中使用具有不同名称的组件）

<form #parentForm="ngForm" novalidate>
    <jhi-citizen-number [(ngModel)]="citizenNumber" [ngModelOptions]="{standalone: true}">
    </jhi-citizen-number>
</form>

在Stackblitz中查看组件

您能帮我解决我的问题吗？