angular - 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>
CreateRecord
</ion-button>
<ion-button *ngIf="!hell"(click)="CreateRecord()">
<ion-icon size="small" slot="icon-only" name="add"></ion-icon>
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--);
}
}
解决方案
推荐阅读
- c - 在两个终端上运行消息队列的问题
- c - 在c中处理文件读取
- python - 提取没有任何类或 div 的 HTML 源代码(python selenium)
- java - 如何让 Cucumber 范围报告与 Cucumber 5.6.0 一起使用?
- typescript - Express Request Param Id - 元素隐式具有“任何”类型,因为索引表达式不是“数字”类型
- react-native - react native 中的自定义 ML Kit
- jsf - 如何在对话框中显示primefaces进度条
- arrays - 有没有办法在 MiniZinc 中交换二维数组(矩阵)的列,并跟踪它?
- datetime - 飞镖 - 日期差异
- php - 如何在 Laravel 的同一视图中检索或返回不同的记录?