Angular模板驱动表单 - 如何获取ngModel实例以用于ngForm.getControl(dir:NgModel)?
创始人
2024-10-28 13:31:50
0

要获取ngModel实例以用于ngForm.getControl(dir: NgModel),您可以使用模板引用变量来引用ngModel指令,并将其传递给ngForm.getControl方法。

下面是一个示例,演示如何获取ngModel实例并使用ngForm.getControl方法:

在模板中,为ngModel指令添加一个模板引用变量,例如“#myModel”:

在组件类中,使用@ViewChild装饰器来获取模板引用变量,并将其传递给ngForm.getControl方法:

import { Component, ViewChild } from '@angular/core';
import { NgForm, NgModel } from '@angular/forms';

@Component({
  selector: 'app-my-component',
  template: `
    
` }) export class MyComponent { @ViewChild(NgForm) myForm: NgForm; @ViewChild('myModel') myModel: NgModel; submitForm() { // 获取ngModel实例 const modelControl = this.myForm.getControl(this.myModel); console.log(modelControl); } }

在上面的示例中,我们使用@ViewChild装饰器分别获取了ngForm实例和ngModel实例。然后,我们可以将ngModel实例传递给ngForm.getControl方法来获取控件的引用。

请注意,要使用@ViewChild装饰器,需要在组件类的import语句中导入NgForm和NgModel类。

希望这可以帮助到您!

相关内容

热门资讯

黑科技讲解(聚星扑克德州)来玩... 1、黑科技讲解(聚星扑克德州)来玩德州app一贯是真的有挂!太离谱了本来有挂(2021已更新)(哔哩...
黑科技总结(xpoker)菠萝... 黑科技总结(xpoker)菠萝德州app先前有挂!太实锤了本来真的有挂(2026已更新)(哔哩哔哩)...
黑科技科技(wpk线上德州俱乐... 您好,wpk线上德州俱乐部这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩...
黑科技安卓版(Wepoke识别... 黑科技安卓版(Wepoke识别)来玩德州app本然存在有挂!太离谱了切实是有挂(2025已更新)(哔...
黑科技辅助挂(红龙软件德州扑克... 大家肯定在之前红龙软件德州扑克或者红龙软件德州扑克中玩过黑科技辅助挂(红龙软件德州扑克)德扑ai往昔...
黑科技神器(德州线上扑克)Wp... 黑科技神器(德州线上扑克)Wpk往昔有挂!太坑了真是有挂(2020已更新)(哔哩哔哩)这是由厦门游乐...
黑科技代打(Wepoke新版)... 黑科技代打(Wepoke新版)Wpk往昔真的有挂!太夸张了一贯存在有挂(2024已更新)(哔哩哔哩)...
黑科技辅助挂(Wepoke合作... 黑科技辅助挂(Wepoke合作)we辅助poker一向有挂!太嚣张了原来是有挂(2020已更新)(哔...
黑科技辅助挂挂(GG扑克)AA... 黑科技辅助挂挂(GG扑克)AApoker素来是有挂!太实锤了从前有挂(2022已更新)(哔哩哔哩)是...
黑科技软件(智星德州安卓版)w... 黑科技软件(智星德州安卓版)wpk微扑克原本是真的有挂!太夸张了本然是有挂(2020已更新)(哔哩哔...