首页 > 解决方案 > ngModel 在将其作为数组获取时无法在用户的输入中工作

问题描述

这是我的 Html 代码,我跳过了一些代码,我输入了其余代码,错误如下,请检查并告诉我先生/妈妈

在这里,ngModel不工作我试图从用户那里获取输入并将其分配为v[number]数组,然后尝试绑定该值,但它不工作 ngModel不接受数字数组

       <ion-item>
          <ion-button *ngIf="hell" (click)="CreateRecord()" [disabled]="false">
            <ion-icon size="small" slot="icon-only" name="add"></ion-icon>
            &nbsp;CreateRecord
          </ion-button>
          <ion-button *ngIf="!hell"(click)="CreateRecord()">
            <ion-icon size="small" slot="icon-only" name="add"></ion-icon>
            &nbsp;HideRecord
          </ion-button>
        </ion-item>
        
        <ng-container *ngIf="!hell">
          <ion-grid>
            <ion-row>
              
              <ion-col style="font-size: larger;margin-left: 40px;">Sno</ion-col>
              <ion-col style="font-size: larger;margin-left: 180px;">Subject</ion-col>
              <ion-col style="font-size: larger;margin-left: 250px;" >Mark</ion-col>
            
                  
            </ion-row>
            </ion-grid>
        
    
        <ng-container *ngFor="let num of subject;let i=index">
          <ion-grid>
          <ion-row> 
            <ion-col><ion-card ><ion-input value="{{i+1}}"></ion-input></ion-card></ion-col>
            <ion-col><ion-card ><ion-input type ="text-only"></ion-input></ion-card></ion-col>
            *<ion-col><ion-card ><ion-input type ="number" [(ngModel)]="v[number]"></ion-input></ion-card>*</ion-col>
          </ion-row>
          </ion-grid></ng-container>

这个标签里面有错误 * 用星号标记,请检查上面的三行。

这是我的打字稿

    export class MarklistPage implements OnInit {
    
    subject:number[];hell:boolean = true;n=1;index:any;
      constructor() { }
    
    v1:number[];v:number[]=Array(100);
      
    ngOnInit() {
    
      }
      CreateRecord(){
    this.hell=!this.hell;
    }
    
     
      addForm(){
        this.n++;
      this.subject = Array(this.n).fill(0).map((x,i)=>i);
      }
     
      subForm(){
      
        this.subject = Array(this.n).splice(this.index,this.n--);
    }
    }

标签: angulartypescript

解决方案


推荐阅读