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

希望这可以帮助到您!

相关内容

热门资讯

透视免费!wpk透视脚本,we... 透视免费!wpk透视脚本,wepoker透视脚本苹果版,一分钟了解(有挂详情);致您一封信;亲爱we...
透视系统!wpk透视表,wpk... 透视系统!wpk透视表,wpk私人局辅助是真的吗,科技教程(最初真的是有挂)科技教程也叫必备教程,这...
透视规律!hhpoker万能辅... 透视规律!hhpoker万能辅助器,wpk透视脚本链接,大神普及(有挂详情),您好,hhpoker万...
透视透视!aapoker辅助器... 透视透视!aapoker辅助器是真的吗,拱趴大菠萝有挂吗,德州论坛(切实真的有挂);大神普及一款德州...
透视最新!aapoker辅助插... 透视最新!aapoker辅助插件工具下载,wpk辅助插件,重大发现(有挂总结)1、aapoker辅助...
透视神器!德朴之星脚本,wpk... 透视神器!德朴之星脚本,wpk德州局怎么透视,透明挂教程(好像真的是有挂);玩家在德朴之星脚本中需先...
透视总结!wpk辅助插件,aa... 透视总结!wpk辅助插件,aapoker有脚本吗,推荐一款(有挂教程);人气非常高,ai更新快且高清...
透视规律!wpk辅助工具,德普... 透视规律!wpk辅助工具,德普之星辅助功能如何设置,我来教教你(有挂详情)1、实时德普之星辅助功能如...
透视透视!aapoker辅助工... 透视透视!aapoker辅助工具存在吗,聚星ai辅助工具下载,AI教程(一直真的是有挂)关于aapo...
透视插件!智星德州菠萝安装,w... 透视插件!智星德州菠萝安装,wpk辅助工具,必看攻略(有挂黑科技)1、完成智星德州菠萝安装透视辅助安...