Angular 遍历ionic 3中的输入

在my*ngFor中，我动态创建项，其中包括 一些输入，我需要的是如何遍历这些输入 当我执行保存按钮时。我需要帮助或一些建议。 如果我动态地创建输入

<ion-list item-start *ngFor="let nivel of niveles" id="asistencia">
                <ion-item>
                    <ion-label color="primary" class="niveles">{{nivel.nivel}}</ion-label>
                    <ion-label color="danger" class="niveles">{{nivel.codigoModular}}</ion-label>
                </ion-item>
                <ion-item>
                    <ion-label>Docentes que deben Asistir</ion-label>
                </ion-item>
                <ion-item>
                    <ion-label>
                        <ion-icon color="primary" name="school"></ion-icon>
                    </ion-label>
                    <ion-input type="number">
                    </ion-input>
                </ion-item>
                <ion-item>
                    <ion-label>Docentes que Asistierón</ion-label>
                </ion-item>
                <ion-item>
                    <ion-label>
                        <ion-icon color="primary" name="school"></ion-icon>
                    </ion-label>
                    <ion-input type="number">
                    </ion-input>
                </ion-item>
                <ion-item>
                    <ion-label>Alumnos que deben Asistir</ion-label>
                </ion-item>
                <ion-item>
                    <ion-label>
                        <ion-icon color="danger" name="contacts"></ion-icon>
                    </ion-label>
                    <ion-input type="number">
                    </ion-input>
                </ion-item>
                <ion-item>
                    <ion-label>Alumnos que Asistierón</ion-label>
                </ion-item>
                <ion-item>
                    <ion-label>
                        <ion-icon color="danger" name="contacts"></ion-icon>
                    </ion-label>
                    <ion-input type="number">
                    </ion-input>
                </ion-item>
            </ion-list>

---

你可以很容易地使用它

您可以使用双向数据绑定或反应式表单方式进行。请参考上述官方文档

这只是一个示例。希望您能将其转换为您的用例：

双向数据绑定方法：

.html

---

我不确定这是否会有帮助，但我已经发起了一场由ConnorsFan创建的Stackblitz来解决我遇到的一个动态表单问题。 staffFormInfo中的表单模板驱动表单。可以找到动态形式stackblitz

康纳斯范的原始帖子可以找到

---

请让我知道这是否有帮助…

您不了解我，我动态生成项目，这些项目包含输入，这些输入我必须用按钮阅读。您需要如上所示定义您的模型，然后使用保存按钮logForm{console.logthis.todo}

 <form (ngSubmit)="logForm()">
      <ion-item>
        <ion-label>Todo</ion-label>
        <ion-input type="text" [(ngModel)]="todo.title" name="title"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label>Description</ion-label>
        <ion-textarea [(ngModel)]="todo.description" name="description"></ion-textarea>
      </ion-item>
      <button ion-button type="submit" block>Add Todo</button>
    </form>

export class FormsPage {
  todo = {}
  logForm() {
    console.log(this.todo)
  }
}