Angular反应式表单ngfor无法设置输入值
创始人
2024-10-24 18:01:21
0

在使用ngFor指令创建表单控件时,如果需要为控件设置初始值,可以在组件中定义表单控件对应的FormControl对象,并在ngFor循环中将这个FormControl对象传递给每个表单控件的[formControl]属性。示例代码如下:

组件中定义FormControl对象:

import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';

@Component({
  selector: 'app-form',
  template: `
    
` }) export class FormComponent { myForm = new FormGroup({}); controls = [ new FormControl('Control 1'), new FormControl('Control 2') ]; // 初始化表单控件的值 constructor() { this.controls.forEach(control => this.myForm.addControl(control)); } }

在模板中使用ngFor指令创建表单控件,并将FormControl对象传递给每个表单控件的[formControl]属性。同时,通过[value]属性将FormControl对象的初始值赋值给表单控件。

相关内容

热门资讯

透视透视!aapoker透视软... 透视透视!aapoker透视软件,wpk辅助工具下载,最新科技(有挂黑科技)1、该软件可以轻松地帮助...
we辅助poker德之星!we... we辅助poker德之星!we辅助poker德之星,(WepOke)竟然有挂,软件教程(有挂规律)1...
透视挂透视!wepoker脚本... 透视挂透视!wepoker脚本下载,aapoker辅助工具免费下载,一分钟快速了解(有挂教学);aa...
德扑ai智能机器人!wpk发牌... 德扑ai智能机器人!wpk发牌逻辑,(wepOKE)好像是真的有挂,黑科技教程(有挂教程)1、用户打...
透视了解!德普之星辅助正版,a... 透视了解!德普之星辅助正版,aapoker透视脚本,科普(有挂介绍)1、游戏颠覆性的策略玩法,独创攻...
wepoke辅助挂!aapok... wepoke辅助挂!aapoker辅助,(wepOKE)本来是有挂,曝光教程(有挂细节)1、全新机制...
透视安装!wepoker底牌透... 透视安装!wepoker底牌透视脚本下载,wpk透视脚本链接,秘笈分析(有挂透明)1、玩家可以在软件...
微扑克ai辅助!aapoker... 微扑克ai辅助!aapoker有外挂,(wEPOKE)确实存在有挂,解密教程(有挂工具)1、微扑克a...
透视数据!红龙poker有辅助... 透视数据!红龙poker有辅助吗,wepoker透视,玩家必备攻略(有挂介绍)一、AI软件牌型概率发...
wepoke模拟器!德扑之星有... wepoke模拟器!德扑之星有作弊,(wePOKE)确实真的是有挂,科技教程(有挂方法)1、下载好德...