ngFor迭代n+1次，至少有一个值

Question

我有一个可以添加字段的表单，我想确保至少有一个表单可用。

代码示例https://stackblitz.com/edit/angular-playground-riffgs?file=app/app.component.html

我需要表单输入至少一个呈现的电话号码。是否有方法迭代n + 1次的ngFor，或任何其他方法来确保ngFor渲染至少一次?

Answer 1

您应该添加一个空phoneNumber如果phoneNumbers数组是空的，那么在初始化窗体时应该检查phoneNumbers是否有项。

ngOnInit(){
if(!person.phoneNumbers.length){
let emptyPhoneNumber = {
type: '',
phoneNumber: ''
};
this.person.phoneNumbers.push(emptyPhoneNumber);
}
}

请注意，这不是配置表单的正确方式，更多信息请查看文档。但是我根据您的示例添加了一个解决方案，您可以在formControl上应用相同的空对象.