Angular 7+ 响应式表单:如果我不知道路径,如何找到一个控件?
创始人
2024-10-16 21:00:59
0

要找到一个控件,你可以使用Angular的反应式表单API。下面是一个示例代码,展示了如何在Angular 7+中查找一个控件:

首先,确保你已经导入了必要的模块和类:

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

接下来,在组件类中创建一个表单组:

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
  myForm: FormGroup;

  ngOnInit() {
    this.myForm = new FormGroup({
      username: new FormControl(),
      password: new FormControl()
    });
  }

  findControl(controlName: string) {
    return this.myForm.get(controlName);
  }
}

在上面的示例中,我们创建了一个包含两个控件的表单组:usernamepassword。然后,我们定义了一个名为findControl的方法,该方法接受一个控件名称并返回该控件。

最后,在模板中调用findControl方法来查找并显示控件的值:

在上面的模板中,我们使用了[formControl]属性来绑定控件,并通过findControl方法来查找控件。

现在,当你运行应用程序时,你应该能够找到并显示表单中的控件。

相关内容

热门资讯

透视有挂!wepoker免费钻... 透视有挂!wepoker免费钻石(透视)德扑之心免费透视,教程课程(存在有挂)-哔哩哔哩1、下载好德...
wepoker透视底牌!wep... wepoker透视底牌!wepoker插件功能辅助器(透视)攻略-竟然推荐真的是有挂1、wepoke...
透视有挂!WePoKer辅助器... 透视有挂!WePoKer辅助器(透视)hhpoker脚本下载,教程总结(发现有挂)-哔哩哔哩1、实时...
WePOker有没有透视方法!... WePOker有没有透视方法!hardrock透视工具(透视)教程-原来推荐存在有挂运WePOker...
透视必备!wepoker有没有... 透视必备!wepoker有没有挂(透视)epoker底牌透视,教程模板(有挂功能)-哔哩哔哩该软件可...
透视详情!pokeplus脚本... 透视详情!pokeplus脚本(透视)wepoker辅助透视软件,教程妙招(有挂讲解)-哔哩哔哩1、...
wepoker可以免费玩吗!p... wepoker可以免费玩吗!pokemmo辅助器手机版下载(透视)软件-总是科普真的是有挂1、进入游...
透视解密!德普之星私人局辅助器... 透视解密!德普之星私人局辅助器(透视)we-poker辅助器,教程大纲(有人有挂)-哔哩哔哩1、许多...
hhpoker有后台操控吗!德... hhpoker有后台操控吗!德州局HHpoker透视脚本(透视)神器-本来关于存在有挂1)德州局HH...
透视关于!wepoker透视是... 透视关于!wepoker透视是真的吗(透视)pokemmo免费脚本,教程演示(揭秘有挂)-哔哩哔哩w...