Angular2反应形式的输入松散焦点

Question

我正在实施＆＃39;输入表格＆＃39;具有可变数量的项目取决于用户的设置。在这里，用户可以设置timeZones。

<form [formGroup]="form" (ngSubmit) = "onSubmit(form.value)">
    <span *ngFor = "let key of timeZones | mapToIterable">
        <label>{{ key.key }}</label>
        <input formControlName="{{ key.key }}">
    </span>
</form>
<button type="submit">Submit</button>

代码部分如下所示，

this.form = this.fb.group({
    date: [ '' ],             // Fixed date collector
});

for(var key in this.timeZones){  // variable number of objects
    this.form.addControl( key, this.fb.control(['', ]));
}

我可以看到表单输入菜单但输入菜单的焦点在点击关闭后消失，有趣的是，如果我将输入html移动到下面的* ngFor循环（手动输入formControlName），重点效果很好。当我点击输入菜单时，我可以用另一只手放一些值，并且提交按钮会正确显示结果。你能帮我找到解决方案吗？