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类。

希望这可以帮助到您!

相关内容

热门资讯

透视神器!红龙poker辅助器... 透视神器!红龙poker辅助器免费观看(透视)wpk教程(2021已更新)(哔哩哔哩)1、这是跨平台...
透视模拟器!aapoker辅助... 透视模拟器!aapoker辅助器是真的吗(透视)透视插件(其实存在有挂);1、下载好aapoker辅...
透视代打!拱趴大菠萝开挂方法(... 透视代打!拱趴大菠萝开挂方法(透视)必备教程(2026已更新)(哔哩哔哩)1、拱趴大菠萝开挂方法系统...
透视游戏!aapoker怎么选... 透视游戏!aapoker怎么选牌(透视)透视脚本入口(果然是有挂);1、超多福利:超高返利,海量正版...
透视app!pokemmo手机... 透视app!pokemmo手机版透视脚本(透视)详细教程(2021已更新)(哔哩哔哩)1、首先打开p...
透视辅助!aapoker怎么设... 透视辅助!aapoker怎么设置抽水(透视)透视脚本(确实真的是有挂)aapoker怎么设置抽水辅助...
透视软件!wepoker透视有... 透视软件!wepoker透视有吗(透视)技巧教程(2024已更新)(哔哩哔哩)1、进入游戏-大厅左侧...
透视玄学!aapoker透视方... 透视玄学!aapoker透视方法(透视)插件(一贯是真的有挂)1、aapoker透视方法透视辅助简单...
透视模拟器!智星德州辅助译码插... 透视模拟器!智星德州辅助译码插件靠谱吗(透视)教你攻略(2021已更新)(哔哩哔哩)在进入智星德州辅...
透视攻略!aapoker怎么开... 透视攻略!aapoker怎么开辅助器(透视)辅助(果然存在有挂)1、完成aapoker怎么开辅助器透...