首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在属于formArray的禁用输入字段中显示逗号?

在属于formArray的禁用输入字段中显示逗号,可以通过以下步骤实现:

  1. 首先,确保你已经在Angular应用中引入了FormsModule和ReactiveFormsModule模块。
  2. 在组件的HTML模板中,使用formArrayName指令来绑定formArray的名称,并使用ngFor指令遍历formArray中的每个控件。
代码语言:txt
复制
<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>
  1. 在组件的.ts文件中,创建一个formArray,并将其添加到FormGroup中。
代码语言:txt
复制
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,可以根据相应的语法和库进行调整。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的视频

领券