小编zeh*_*zeh的帖子

有没有办法专注于 Angular 4/Ionic3 上动态创建的表单?

我有一个动态创建的表单页面,如下所示:
图片
空格是输入,整行是一个按钮。有没有办法点击按钮,即整行,然后选择/关注相应的输入?请记住,输入的数量由用户决定,页面上最多可以有 300 行这样的行。

家.ts

export class HomePage {

      public homeForm: FormGroup;
      
      constructor(
        public navCtrl: NavController,
        public userData: UserDataProvider,
        private formBuilder: FormBuilder,
        public renderer: Renderer,
        public elementRef: ElementRef
      ) {

        this.homeForm = new FormGroup({
          bicos: new FormArray([
            new FormControl(null)
          ])
      });

       addInputs() {
          (<FormArray>this.homeForm.controls['bicos'])
          .push(new FormControl(null));
    }
}
Run Code Online (Sandbox Code Playgroud)

主页.html:

<form [formGroup]="homeForm"> 
    <ion-row formArrayName="bicos" *ngFor="let item of homeForm.controls.bicos.controls; let i = index" >
        <button id={{i}} ion-button clear style="color: black" class='hidden-button' (click) = "doSomething()">
    <ion-col align-self-center col-2>{{i+1}}</ion-col>
         <ion-col text-center align-self-center …
Run Code Online (Sandbox Code Playgroud)

typescript ionic2 ionic3 angular

3
推荐指数
1
解决办法
1750
查看次数

标签 统计

angular ×1

ionic2 ×1

ionic3 ×1

typescript ×1