Angular 6: 在FormArray中动态调用一个函数
创始人
2024-10-16 06:00:49
0

在Angular 6中,在FormArray中动态调用一个函数,可以按照以下步骤操作:

  1. 在组件中,首先导入必要的模块和类:
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormArray, FormControl } from '@angular/forms';
  1. 在组件类中定义一个FormArray和一个函数:
@Component({
  selector: 'app-example',
  template: `
    
`, styleUrls: ['./example.component.css'] }) export class ExampleComponent implements OnInit { form: FormGroup; constructor() { } ngOnInit() { this.form = new FormGroup({ items: new FormArray([]) }); } callFunction(index: number) { console.log('Calling function for index:', index); // 在这里执行你想要的操作 } submitForm() { console.log('Form submitted:', this.form.value); } }
  1. 在模板中,使用ngFor循环遍历FormArray中的控件,设置每个输入框的formControlName,并为每个按钮绑定click事件来调用函数。

以上代码示例中,定义了一个FormArray,每个元素都是一个FormControl。在调用函数callFunction时,传递了当前元素的索引,你可以在函数中执行你想要的操作。

希望这个解决方法对你有帮助!

相关内容

热门资讯

玩家必看教程!wepoker买... 玩家必看教程!wepoker买钻石有用吗,werplan怎么作弊,AI教程(有挂教程);致您一封信;...
如何分辨真伪!wepoker怎... 此外,数据分析德州(wepoker怎么设置透视)辅助神器app还具备辅助透视行为开挂功能,通过对客户...
必备教程!xpoker辅助神器... 必备教程!xpoker辅助神器,wepoker辅助器有哪些功能,科技教程(有挂方法);致您一封信;亲...
科技通报!aapoker破解侠... 科技通报!aapoker破解侠是真的吗,epoker透视,介绍教程(有挂神器)关于aapoker破解...
推荐十款!约局吧透视挂下载,约... 推荐十款!约局吧透视挂下载,约局吧德州真的有透视挂吗,扑克教程(有挂神器)准备好在约局吧德州真的有透...
攻略讲解!pokemmo手机版... 攻略讲解!pokemmo手机版脚本,hhpoker透视脚本视频,解密教程(有挂软件)是一款可以让一直...
分享实测!wepoker有什么... 分享实测!wepoker有什么规律,hardrock作弊,可靠教程(有挂软件)是由北京得wepoke...
交流学习经验!wepoker底... 交流学习经验!wepoker底牌透视,wepoker网页版透视方法,存在挂教程(有挂教程)关于wep...
发现玩家!德普之星辅助器,we... 1、发现玩家!德普之星辅助器,wepoker手机插件,曝光教程(有挂技巧);详细教程。2、德普之星辅...
一起来讨论!德州局透视脚本免费... 一起来讨论!德州局透视脚本免费版下载手机版,wepoker私人局俱乐部,AA德州教程(有挂技巧);致...