Angular-FormcontrolnameanditsvalidationfromTableGrid”
创始人
2024-10-21 04:30:27
0

在Angular中,如果您使用表格网格视图来呈现表单控件,那么您需要使用FormControlName指令来将表单控件绑定到表格单元格中。

示例代码如下:

1.在组件类中导入FormControl和FormGroup模块,

import { Component } from '@angular/core'; import { FormBuilder, FormGroup, FormControl, Validators } from '@angular/forms';

2.在组件类中初始化FormControl和FormGroup

export class MyTableComponent { myForm: FormGroup;

  constructor(private fb: FormBuilder) { 
     this.myForm = this.fb.group({
       fName: ['', Validators.required],
       lName: ['', Validators.required],
       email: ['', Validators.email],
       address: this.fb.group({
            street: '',
            city: '',
            state: '',
            zip: ''
       }),
     });
 }

}

3.在表格HTML代码中添加FormControlName和验证规则

First Name Last Name Email
Please enter first name.
Please enter last name.
Invalid Email Address.

在上面的示例中,使用formControlName指令绑定了

相关内容

热门资讯

第1分钟了解!老夫子拼十辅助!... 第1分钟了解!老夫子拼十辅助!一直是有辅助神器(有挂技术)-哔哩哔哩老夫子拼十辅助破解侠是真的助透视...
第九分钟了解!三江互娱辅助!真... 第九分钟了解!三江互娱辅助!真是存在有辅助软件(有挂助手)-哔哩哔哩1、三江互娱辅助免费脚本咨询教程...
第6分钟了解!九天大厅挂价格!... 第6分钟了解!九天大厅挂价格!其实是有辅助方法(确实有挂)-哔哩哔哩1、九天大厅挂价格辅助器安装包、...
三分钟了解!手机挂机软件!其实... 三分钟了解!手机挂机软件!其实一直都是有辅助app(讲解有挂)-哔哩哔哩手机挂机软件透视方法中分为三...
5分钟了解!白金岛放炮罚开挂!... 5分钟了解!白金岛放炮罚开挂!一贯存在有辅助教程(真实有挂)-哔哩哔哩白金岛放炮罚开挂透视方法中分为...
6分钟了解!微信小程序雀神脚本... 6分钟了解!微信小程序雀神脚本辅助工具!果然一直都是有辅助插件(有挂技巧)-哔哩哔哩1、微信小程序雀...
两分钟了解!传送屋激k万能辅助... 两分钟了解!传送屋激k万能辅助器!本来一直总是有辅助软件(了解有挂)-哔哩哔哩;1、很好的工具软件,...
第4分钟了解!三哥玩摆头注可以... 第4分钟了解!三哥玩摆头注可以控制!一贯一直总是有辅助攻略(有挂秘籍)-哔哩哔哩运三哥玩摆头注可以控...
三分钟了解!新道游辅助透视下载... 您好,新道游辅助透视下载这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多...
三分钟了解!掌中乐辅助!真是真... 三分钟了解!掌中乐辅助!真是真的有辅助软件(了解有挂)-哔哩哔哩1、在掌中乐辅助插件功能辅助器技巧中...