Angular 如何通过For循环创建窗体控件？（ionic2,3）

ts文件：

    this.addAdvertise = this.formBuilder.group({
      input1: [''],
      input2: [''],
      .
      .
      .
      inputN: [''],
      desc:  ['']
    });

输入的计数来自数组的长度，数组来自服务器

---

我可以使用for loop创建输入控件吗？

是的，您已经在ionic 2或3中使用了反应式表单和表单模块

在app.module.ts文件中添加此代码

import { ReactiveFormsModule, FormsModule } from '@angular/forms'; 

@NgModule({
  ...
  imports: [
    ReactiveFormsModule,
    FormsModule
  ]
  ...
})
export class AppModule {}

将此代码添加到组件文件中

import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators, FormArray, FormControl } from '@angular/forms';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

    name:string;
    dynamicForm:any = FormGroup;

  ngOnInit() {

  }

  constructor(private fb: FormBuilder){ 

    this.dynamicForm = this.fb.group({
      properties: this.fb.array([])
    });
   }

  addProperty() {
    for(var i=1; i<=1; i++) {
      <FormArray>this.dynamicForm.get('properties').push(new FormControl());
    }
  }

}

从'@angular/core'导入{Component}；
从“@angular/forms”导入{FormBuilder、FormGroup、Validators、FormArray、FormControl}；
从'ionic angular'导入{NavController}；
@组成部分({
选择器：“主页”，
templateUrl:'home.html'
})
导出类主页{
名称：字符串；
dynamicForm:any=FormGroup；
恩戈尼尼特（）{
}
构造函数（私有fb:FormBuilder）{
this.dynamicForm=this.fb.group({
属性：this.fb.array（[]）
});
}
addProperty（）{
对于（var i=1；i是的，在离子2或离子3中使用了反应形式和形式模块

在app.module.ts文件中添加此代码

import { ReactiveFormsModule, FormsModule } from '@angular/forms'; 

@NgModule({
  ...
  imports: [
    ReactiveFormsModule,
    FormsModule
  ]
  ...
})
export class AppModule {}

将此代码添加到组件文件中

import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators, FormArray, FormControl } from '@angular/forms';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

    name:string;
    dynamicForm:any = FormGroup;

  ngOnInit() {

  }

  constructor(private fb: FormBuilder){ 

    this.dynamicForm = this.fb.group({
      properties: this.fb.array([])
    });
   }

  addProperty() {
    for(var i=1; i<=1; i++) {
      <FormArray>this.dynamicForm.get('properties').push(new FormControl());
    }
  }

}

从'@angular/core'导入{Component}；
从“@angular/forms”导入{FormBuilder、FormGroup、Validators、FormArray、FormControl}；
从'ionic angular'导入{NavController}；
@组成部分({
选择器：“主页”，
templateUrl:'home.html'
})
导出类主页{
名称：字符串；
dynamicForm:any=FormGroup；
恩戈尼尼特（）{
}
构造函数（私有fb:FormBuilder）{
this.dynamicForm=this.fb.group({
属性：this.fb.array（[]）
});
}
addProperty（）{
对于（var i=1；i您可以编写一个简单的for循环：

let group={}；
for（设i=0；i
您可以编写一个简单的for循环：

let group={}；
for（设i=0；i