为什么表单使用 ngFor 指令消失答案

【问题标题】：Why the form disappear using ngFor directive为什么表单使用 ngFor 指令消失
【发布时间】：2020-04-26 04:34:35
【问题描述】：

当我在表单标签中使用ngFor 指令时，整个表单会消失。谁能指导我如何解决这个问题？

<form #myforms="ngForm" *ngFor="let i of editaddress">

<div class="p-3 p-lg-5 border">
    <div class="form-group row">
        <div class="col-md-12">
            <label for="c_fname" class="text-black">Save this address as<span class="text-danger">*</span></label>
            <input type="text" class="form-control c_fname" value="{{i.title}}" name="title" [(ngModel)]="location.title" #title=ngModel>
        </div>
        <div class="col-md-6">
            <label for="c_fname" class="text-black">First Name<span class="text-danger">*</span></label>
            <input type="text" class="form-control c_fname" value="{{i.first_name}}" name="fname" [(ngModel)]="location.first_name" #fname=ngModel>
        </div>
        <div class="col-md-6">
            <label for="c_lname" class="text-black">Last Name<span class="text-danger">*</span></label>
            <input type="text" class="form-control c_lname" value="{{i.last_name}}" name="lname" [(ngModel)]="location.last_name" #lname=ngModel>
        </div>
    </div>
</div>
<div class="col-lg-12">
    <input type="submit" class="btn btn-primary btn-lg btn-block" value="Save" (click)="saveAddress(location)">
</div>
</div>
</div>

【问题讨论】：

这意味着editaddress是一个空数组，如果它显示和消失，控制器会在某个时候将变量设置为一个空数组。

标签： html angular6 ngfor

【解决方案1】：

由于您没有显示底层控制器的任何部分，我唯一能做的就是通知您属性 editaddress 将是一个空数组。因此它不会渲染任何东西。

如果它闪烁并消失，则意味着在您的生命周期中，该数组可能有内容，但在某些时候，该数组被设置为 []，这会相应地更新标记。

【讨论】：