0

我在我的项目中使用 angular12。我尝试在我的项目中使用表单数组。

这是我的使用方法：

模板：

      <div class="col-lg-12 col-md-12" *ngFor="let control of supportEmail.controls; index as i">
        <label class="col-sm-2 col-form-label" for="supportEmail">Support Email</label>
        <div class="input-group">

          <input type="email" class="form-control" id="supportEmail" formControlName="supportEmail"
            [ngClass]="{ 'is-invalid': isInvalid('supportEmail'), 'is-valid': isValid('supportEmail') }">

          <div class="input-group-append">
            <button class="btn btn-primary" type="button" (click)="removeSupport(i)"><i
                class="fas fa-times"></i></button>
          </div>
        </div>
      </div>

打字稿：

supportEmail = new FormArray([]);

addSupport() {
  this.supportEmail.push(new FormControl(''));
}

removeSupport(index: number) {
  this.supportEmail.removeAt(index);
}



ngOnInit() {
  this.supportEmail.push(new FormControl('support@gmail.com'))
  this.supportEmail.push(new FormControl('info@dw.com'))
  this.supportEmail.push(new FormControl('ritter@hamburg.org'))
}

加载页面时，我得到 3 个空输入，其中没有任何文本。虽然我希望在每个输入表单中输入文本：
support@gmail.com info@dw.com ritter@hamburg.org

知道为什么输入为空吗？为什么不显示文字？

4

0 回答 0