在属于formArray的禁用输入字段中显示逗号,可以通过以下步骤实现:
<form [formGroup]="myForm">
<div formArrayName="myArray">
<div *ngFor="let control of myArray.controls; let i=index">
<input [formControlName]="i" [disabled]="true" />
<span *ngIf="i < myArray.controls.length - 1">,</span>
</div>
</div>
</form>
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder, FormArray } from '@angular/forms';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
myForm: FormGroup;
constructor(private fb: FormBuilder) { }
ngOnInit() {
this.myForm = this.fb.group({
myArray: this.fb.array([])
});
// 添加禁用的输入字段到formArray中
const disabledValues = ['Value 1', 'Value 2', 'Value 3'];
disabledValues.forEach(value => {
this.myArray.push(this.fb.control({ value: value, disabled: true }));
});
}
get myArray(): FormArray {
return this.myForm.get('myArray') as FormArray;
}
}
这样,当禁用的输入字段被添加到formArray中时,每个字段后面都会显示一个逗号,除了最后一个字段。
请注意,以上示例中的代码是基于Angular框架实现的,如果你使用的是其他前端框架或纯JavaScript,可以根据相应的语法和库进行调整。
领取专属 10元无门槛券
手把手带您无忧上云