如果在 angular 中选中复选框,我们可以将值作为 Y 发送,如果复选框未选中,我们可以将值作为 N 发送吗?
Can we send value as Y if checkbox is checked and value as N if checkbox is unchecked in angular?
如果复选框被选中,我想将复选框值传递为 Y,如果复选框未被选中,我想将值传递为 N。
这是我在 html 文件
中的复选框代码
<div class="col-sm-12">
<label style="padding-left: 6px;">Status:</label>
<span style="padding-left: 10px;"></span>
<input type="checkbox"
formControlName="Status" style="margin-left: 10px;"
[ngClass]="{ 'is-invalid': submitted && addTermForm.controls.Status.errors }">
<div *ngIf="submitted && addTermForm.controls.Status.errors" class="text-danger">
<div *ngIf="addTermForm.controls.Status.errors">
Status is required
</div>
</div>
</div>
这是我的 ts 文件验证
ngOnInit(): void {
this.termEditForm();
this.addTermForm = this.formBuilder.group({
RuleName: ['', [Validators.required, Validators.pattern('[a-zA-Z# ]*')]],
// Dealer_Id: ['', [Validators.required, Validators.pattern('[0-9]*')]],
Type: ['', [Validators.required]],
Status: ['', [Validators.required]],
});
}
// replace your
<input type="checkbox" formControName="Status"...>
//by
<input type="checkBox"
[ngModel]="addTermForm.get('Status').value=='Y'?true:false"
(ngModelChange)="addTermForm.get('Status').setValue($event?'Y':'N')"
[ngModelOptions]="{standalone:true}"
[ngClass]="{'is-invalid': submitted && addTermForm.get('Status').errors}">
如您所见,您通常在使用 [(ngModel)] 的输入复选框中使用的所有“变量”使用 addTermForm.get('Status')
的值
如果复选框被选中,我想将复选框值传递为 Y,如果复选框未被选中,我想将值传递为 N。 这是我在 html 文件
中的复选框代码 <div class="col-sm-12">
<label style="padding-left: 6px;">Status:</label>
<span style="padding-left: 10px;"></span>
<input type="checkbox"
formControlName="Status" style="margin-left: 10px;"
[ngClass]="{ 'is-invalid': submitted && addTermForm.controls.Status.errors }">
<div *ngIf="submitted && addTermForm.controls.Status.errors" class="text-danger">
<div *ngIf="addTermForm.controls.Status.errors">
Status is required
</div>
</div>
</div>
这是我的 ts 文件验证
ngOnInit(): void {
this.termEditForm();
this.addTermForm = this.formBuilder.group({
RuleName: ['', [Validators.required, Validators.pattern('[a-zA-Z# ]*')]],
// Dealer_Id: ['', [Validators.required, Validators.pattern('[0-9]*')]],
Type: ['', [Validators.required]],
Status: ['', [Validators.required]],
});
}
// replace your
<input type="checkbox" formControName="Status"...>
//by
<input type="checkBox"
[ngModel]="addTermForm.get('Status').value=='Y'?true:false"
(ngModelChange)="addTermForm.get('Status').setValue($event?'Y':'N')"
[ngModelOptions]="{standalone:true}"
[ngClass]="{'is-invalid': submitted && addTermForm.get('Status').errors}">
如您所见,您通常在使用 [(ngModel)] 的输入复选框中使用的所有“变量”使用 addTermForm.get('Status')