将生成的输入字段绑定到变量以进行验证

Question

我的应用程序从输入数组生成表单，并且在字段无效时弹出的每个输入都有错误。接口定义如下：

export interface InputError {
    id: string;
    desc: string;
    field: string;
}

export interface Field {
    name: string;
    label: string;
    type: string;
    placeholder: string;
}

我正在使用这些测试值

errors: InputError[] = [{id: "test", desc: "Test error!", field: "test"}];
fields: Field[] = [{name:"test", label: "Test", type:"text", placeholder:"test field"}];

使用ngFor和ngSwitch显示表单（允许其他元素放置在图像等表单中）。例如，输入显示为：

<input class="form-control" autocomplete="off" required ngModel 
    [name]="f.name" 
    [type]="f.type" 
    [id]="f.name" 
    [placeholder]="f.placeholder"
>

虽然这一切都运行得很好，但是我希望为这些生成的字段切换错误。错误显示如下：

<div class="error" *ngIf="???.invalid && (???.touched || ???.dirty)">
    {{e.desc}}
</div>

我把“???”由ngModel绑定的变量应该去哪里，不知道如何设置和获取这个变量名。