首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在angular2中呈现formcontrolname时未定义的窗体控件名称

在Angular 2中,如果在呈现FormControlName时遇到未定义的窗体控件名称,通常是由以下几个原因引起的:

  1. 表单控件名称拼写错误:请确保在模板中使用FormControlName指令时,控件名称与组件中定义的FormControl名称完全一致,包括大小写。
  2. 表单控件未在组件中定义:在组件的类中,确保已经定义了FormControl对象,并且在模板中使用FormControlName指令时引用了正确的FormControl对象。
  3. 表单控件未在模块中导入:如果使用了自定义的表单控件,需要在模块中导入相关的FormsModule或ReactiveFormsModule,并将其添加到imports数组中。
  4. 表单控件名称未在模板中正确绑定:在模板中,使用FormControlName指令时,确保正确地将表单控件名称绑定到FormControl对象。
  5. 表单控件名称在组件中未初始化:在组件的构造函数或ngOnInit生命周期钩子中,确保已经初始化了FormControl对象,并将其赋值给组件中相应的属性。

总结起来,当在Angular 2中呈现FormControlName时遇到未定义的窗体控件名称,需要检查表单控件名称的拼写、组件中是否定义了相应的FormControl对象、模块中是否导入了相关的FormsModule或ReactiveFormsModule,并确保在模板中正确地绑定了表单控件名称。如果问题仍然存在,可以进一步检查组件中是否正确初始化了FormControl对象。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Angular 从入坑到挖坑 - 表单控件概览

响应式表单 建立表单 由组件隐式的创建表单控件实例 在组件类中进行显示的创建控件实例 表单验证 指令 函数 在表单数据发生变更时,模板驱动表单通过修改 ngModel 绑定的数据模型来完成数据更新,...,从而生成错误信息列表 在进行用户输入数据有效性验证时,在控件上通过添加一个模板引用变量来暴露出 ngModel,从而在模板中获取到指定控件的状态信息,之后就可以通过获取错误信息列表来进行反馈 控件 一个表单不可能只有一个控件,通过在组件中构造 FormGroup 实例来完成对于多个表单控件的统一管理 在使用 FormGroup 时,同样在组件中定义一个属性用来承载控件组实例...同模板驱动表单的数据有效性验证相同,在响应式表单中同样可以使用原生的表单验证器,在设定规则时,需要将模板中控件名对应的数据值的第二个参数改为验证的规则 在响应式表单中,数据源来源于组件类,因此应该在组件类中直接把验证器函数添加到对应的...{ } } 在验证方法中,当数据有效时,返回 null,当数据无效时,则会返回一个对象信息,这里的 nameinvalid 就是我们在模板中获取到的错误信息的 key 值 <div class="

18.9K20
  • Angular 2 + 折腾记 :(7) 初步了解表单:模板驱动及数据驱动及脱坑要点

    前言 表单在整个系统中的作用相当重要,这里主要扯下响应表单的实现方式。...首先需要操作表单的模块引入这两个模块; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; ---- 表单控件响应的几种状态...---- 模板驱动 模板驱动:主要是依赖[(ngModel)]和#scope_var以及原生表单控件属性(require,minlenght,maxlength等)来操作表单的那的值亦或者校验 一个最简单的例子...; 在Submit()函数内,在点击提交的时候对整个表单一一去判断,传统方式基本这样 每个控件输入的时候对应去触发对应的事件做校验,比如[ngModelChange]来处理双向绑定的值校验 ---- 数据驱动...(Reactive Form) 响应式表表单:原理是一开始就构建整个表单,表单的值通过特殊指令formControlName一一关联(类似ngModel); 相关名词: FormGroup: 用来追踪表单控件有效状态及值

    3.8K20

    Excel实战技巧44: 用标签模拟按钮效果并显示颜色

    学习Excel技术,关注微信公众号: excelperfect 在设计用户窗体时,我们经常会用到按钮,以便用户单击执行相应的程序命令。其实,我们还可以使用标签来生动地模拟按钮效果,如下图1所示。...设计用户窗体 在VBE中,插入一个用户窗体,放置4个标签控件,修改标签的名称和文字,如下图2所示。 ?...图2 在属性窗口,设置标签控件的格式,使其呈现按钮效果,并设置提示文字,如下图3所示,是标签lblFirst的属性设置,其它标签类似。 ?...Me.lblPrev.SpecialEffect =fmSpecialEffectRaised End Sub Sub MouseMove(strControl AsString) '鼠标经过控件时高亮显示该控件...,即可呈现上图1所示的效果。

    1.4K30

    1-3 Winform 中的常用控件(

    1-3 Winform 中的常用控件 u 本节学习目标: n System.Windows.Forms.Control基本结构 n 使用基本控件如标签、文本、按钮、列表框和组合框 n 掌握窗体的常用属性和方法...Control 类为在Form中显示的所有控件提供基本功能,Form类表示应用程序内的窗口。...案例学习:建立第一个winForm应用——员工信息录入功能 本次实验目标是快速建立如图1-8的员工信息录入窗体,通过该案例使读者快速掌握Winform 中的常用控件包括:标签控件,文本框控件,按钮控件和组合框...案例学习:标签控件的隐藏,窗口打开与关闭 本次实验目标是建立两个窗体,当点击图1-11的登录系统时候,可以打开另一个窗体,在点击文字打开后显示学校名称,点击文字隐藏时候隐藏学校名称。...ReadOnly 文本框中的文本为只读 Text 检索在控件中输入的文本 方法 说明 Clear 删除现有的所有文本 Show 相当于将控件的 Visible 属性设置为 True 并显示控件 事件

    2.8K10

    C#基础学习之——(一)Dock与Anchor

    1.Dock ①Dock在英文中是停泊的意思,表示控件的某个边与窗体重合(零距离)。控件的变化则在设计的时候就能呈现。此外控件的DocK循序会影像到结果。...2.Anchor ①Anchor在英文中是锚定的意思,表示在窗体重置时控件与窗体(或者父控件)的相对位置保持不变。控件变化要等到窗体重置的时候才能呈现。...②当控件放置于窗体时,默认的anchor设置是“顶部、左边”,这使得控件和窗体的顶边和左边缘固定相关。...控件放置在groupBox中 2.使用Anchor与Dock 然后新建一个窗体并加载之前画好的用户控件 窗体设计尺寸小了,用户控件最右边有一部分没有显示完全,于是我改变窗体尺寸,得到...窗体时放大了,可是设计的用户控件并没有随着窗体的放大而进行改变。

    3.1K20

    零基础学Python【二十三、图形化界面设计 】(基础一篇全,欢迎认领)

    执行该程序,一个窗体就呈现出来了。 在这个主循环的根窗体中,可持续呈现中的其他可视化控件实例,监测事件的发生并执行相应的处理程序。...等控件配合移动可视化空间 Text 文本框 接收或输出多行文本 Toplevel 新建窗体容器 在顶层创建新窗体 4、控件的共同属性 在窗体上呈现的可视化控件,通常包括尺寸、颜色、字体、相对位置、浮雕样式...不同的控件由于形状和功能不同,又有其特征属性。 在初始化根窗体和根窗体主循环之间,可实例化窗体控件,并设置其属性。父容器可为根窗体或其他容器控件实例。...当使用 Place 布局管理容器中的组件时,需要设置组件的 x、y 或 relx、rely 选项,Tkinter 容器内的坐标系统的原点 (0,0) 在左上角,其中 X 轴向右延伸,Y 轴向下延伸,如图所示...用Toplevel 所创建的子窗体是非模式(Modeless)的窗体,虽然初建时子窗体在最前面,但根窗体上的控件实例也是可以被操作的。

    14.3K30

    Python-Tkinter图形化界面设计(详细教程 )

    执行该程序,一个窗体就呈现出来了。在这个主循环的根窗体中,可持续呈现中的其他可视化控件实例,监测事件的发生并执行相应的处理程序。...在实例化控件时,实例的属性可以“属性=属性值”的形式枚举列出,不区分先后次序。...其常用布局参数如下: x,y:控件实例在根窗体中水平和垂直方向上的其实位置(单位为像素)。注意,根窗体左上角为0,0,水平向右,垂直向下为正方向。...relx,rely:控件实例在根窗体中水平和垂直方向上起始布局的相对位置。即相对于根窗体宽和高的比例位置,取值在0.0~1.0之间。...用Toplevel 所创建的子窗体是非模式(Modeless)的窗体,虽然初建时子窗体在最前面,但根窗体上的控件实例也是可以被操作的。

    14.4K40

    1-3 Winform 中的常用控件(3

    8.案例学习:使用组合框控件 本次实验目标是在FORM窗体上建立一个列表框控件,两个组合框控件以及一个文本框控件,通过这些控件彼此之间的关联,学习并掌握ComboBox组合框控件的主要属性和方法。...当选择上面组合框中的具体工作部门,选中信息将分别呈现在文本框,列表框和下面的列表框之中。...这两种类型呈现的效果完全一样,但是DropDown类型是可以读写的,但是DropDownList类型仅仅为只读状态,不可编辑。...本次实验目标是在Form窗体上建立一系列Button控件,通过这些按钮控件的鼠标单击事件呈现不同的对话框样式,最终显示界面如图1-17所示。 ?...,"问询提示",MessageBoxButtons.YesNo); //  1、DialogResult属性用于获取或设置MessageBox.Show()方法返回的一个值,该值在单击按钮时返回到父窗体

    2.4K10

    【愚公系列】2023年11月 WPF控件专题 2023秋招WPF高频面试题

    除了像Winform那样在“Windows 窗体”上删除控件之外,WPF 还为应用程序开发提供了额外的功能改善,包括丰富的用户界面、动画等等。...所以它呈现空白而不是控件。 Visibilty.Collapsed 不呈现控件并且不保留空格。 控件占用的空间是“折叠的”6.什么是静态资源和动态资源?...当您为元素提供 x:Name xaml 属性时,“指定的 x:Name 将成为处理 xaml 时在底层代码中创建的字段的名称,并且该字段保存对对象的引用。”...当设置依赖属性的值时,它不会存储在对象的字段中,而是存储在基类 DependencyObject 提供的键和值字典中。 条目的键是属性的名称,值是您要设置的值。...当设置依赖属性的值时,它不会存储在对象的字段中,而是存储在基类 DependencyObject 提供的键和值字典中。 条目的键是属性的名称,值是您要设置的值。

    53222

    Angular2 VS Angular4 深度对比:特性、性能

    那么,本文将会对Angular2和Angular4进行深度对比,以便帮助大家更好的了解这两个版本。 Angular2 Angular2是在2015年底发布的。...接下来一起了解Angular2这个版本发布的原因以及如何将其添加到Web开发中。 ...动态载入: 这是之前的Angular版本均不具备的功能,Angular2包含了这个功能,即使在开发人员忙碌时,也能够添加新的指令或控件。 模板: 在Angular2中,模板编译过程是异步的。...设计: 所有这些逻辑都是使用管道架构创建的,这使得将自己的操作添加到管道中或删除默认操作变得非常简单。此外,它的异步字符允许开发人员在管道中,实现对用户进行身份验证或加载控件信息的服务器请求。...scope: $scope 从Angular2中删除了。

    8.7K20

    C#开发BIMFACE系列53 WinForm程序中使用CefSharp加载模型图纸1 简单应用

    允许开发者在.NET应用程序中嵌入Chromium。可以在C#或VB或任何其他CLR语言中使用。CefSharp同时提供WPF和WinForms Web浏览器控件实现。...代码如下: 在入口函数中,获取注入的 ChromiumWebBrowser 对象,名称为 _chromeBrowser。...网页中调用的时候必须将方法名称的第一个字母改为小写。否则调用不成功。...定义一个单独的类,用于在CefSahrp组件加载网页之前,将其注入到网页中 (4)WinForm窗体中点击【 C# 调用 JS 方法】按钮。...当控件Dock属性设置为 Fill,客户端电脑的缩放与布局不是100%时,窗体呈现黑边(严重bug),并没有完全填充父容器。 《BIMFace.SDK.CSharp》开源SDK。

    2.5K40

    Excel编程周末速成班第18课:使用用户窗体创建自定义对话框

    在用户窗体处于活动状态时,显示工具箱,包含可放在窗体上的各种控件的图标以及一个箭头图标,当你要使用该窗体上的现有控件时可以选择它们。 属性窗口显示当前所选对象的属性。...设置属性 打开用户窗体设计并选择一个对象(窗体或控件)后,该对象的属性显示在“属性”窗口中。此窗口分为三个部分: 顶部的下拉列表显示对象类型和所选对象的名称(名称以粗体显示)。...引用属性的语法与其他对象的语法相同: 用户窗体名.属性名 每个用户窗体在创建时都会分配一个名称:UserForm1、UserForm2,等等。...此名称(Name属性)是你在VBA代码中用来引用窗体的名称。在创建用户窗体后,建议为其赋予一个描述性名称,以避免必须使用默认名称。 注意:通常,你需要在设计阶段设置所有用户窗体的属性。...该窗体应类似于图18-3。 ? 图18-3:完成的用户窗体 下一步是将所需的代码添加到该窗体。该代码放置在事件过程中,并在用户执行某些操作时自动执行(在这种情况下,单击命令按钮时)。

    11.1K30

    qt 如何设计好布局和漂亮的界面。

    分割布局器 至于分割布局器,默认情况下是不可用,使用方法是先选中要放入QSplitter中的控件,此时分裂布局图标变亮,然后选择水平或垂直布局器。 ?...使用属性中的handleWidth可调节组件之间的间距。 属性中的opaqueResize默认情况下(打勾),使用鼠标拖动分割子窗口间的边界时,子窗口会动态的改变其大小。...然而,如果希望在松开鼠标时才改变其大小,可以设置下面的参数,取消其勾选状态即可,效果如下(左面打勾): ? 关于布局相关的组件或者工具就写到这里,下面是一些我做的例子。...QPushButton#okButton:匹配对象名称为okButton的所有QPushButton实例。 ?...不过应用于表时除外,对于表,hidden 用于解决边框冲突。 ?dotted 定义点状边框。在大多数浏览器中呈现为实线。 ?dashed 定义虚线。在大多数浏览器中呈现为实线。 ?

    10.2K41

    避免到服务器的不必要的往返过程

    通常,只有在检索或存储数据时,您才需要启动到服务器的往返过程。多数数据操作可在这些往返过程间的客户端上进行。例如,从 HTML 窗体验证用户输入经常可在数据提交到服务器之前在客户端进行。...通常,如果不需要将信息传递到服务器以将其存储在数据库中,那么您不应该编写导致往返过程的代码。 如果您开发自定义服务器控件,请考虑让它们为支持 ECMAScript 的浏览器呈现客户端代码。...使用 Page.IsPostBack 避免对往返过程执行不必要的处理 如果您编写处理服务器控件回发处理的代码,有时可能需要在首次请求页时执行其他代码,而不是当用户发送包含在该页中的 HTML 窗体时执行的代码...例如,下面的代码演示如何创建数据库连接和命令,该命令在首次请求该页时将数据绑定到 DataGrid 服务器控件。...注意 如果不运行这种检查,回发页的行为将不更改。Page_Load 事件的代码在执行服务器控件事件之前执行,但只有服务器控件事件的结果才可能在输出页上呈现。

    65840

    Python的GUI编程和tkinter,Wxpython

    执行该程序,一个窗体就呈现出来了。...在这个主循环的根窗体中,可持续呈现中的其他可视化控件实例,监测事件的发生并执行相应的处理程序 主窗口位置和大小通过,geometry(‘wxh ± y ± z’)方法进行设置,w为宽度,h为高度,x用于分隔高度和宽度...这些控件通常被称为控件或者部件。目前有15种Tkinter的部件。 Button 按钮控件;在程序中显示按钮。...其常用布局参数如下: x,y:控件实例在根窗体中水平和垂直方向上的其实位置(单位为像素)。注意,根窗体左上角为0,0,水平向右,垂直向下为正方向。...relx,rely:控件实例在根窗体中水平和垂直方向上起始布局的相对位置。即相对于根窗体宽和高的比例位置,取值在0.0~1.0之间。

    28210

    【愚公系列】2023年11月 Winform控件专题 ToolTip控件详解

    要使用ToolTip控件,可以按照以下步骤操作:在Visual Studio的工具箱中,找到ToolTip控件并将其拖动到窗体上。...1.7 UseAnimationToolTip控件是WinForm中的常用控件之一,它可以用于给控件或窗体提供提示信息。...图片展示:当在Winform中显示图片时,可以在鼠标悬浮在图片上时,使用ToolTip控件显示图片的详细信息,例如图片名称、大小等。...菜单提示:在Winform窗体中使用菜单时,可以通过ToolTip控件在鼠标悬浮在菜单项上时,显示该菜单项的快捷键信息或功能描述等。...工具栏提示:在Winform窗体中使用工具栏时,可以通过ToolTip控件在鼠标悬浮在工具栏按钮上时,显示该按钮的功能描述,帮助用户更好地使用工具栏。

    1.9K11

    WPF|快速添加新手引导功能(支持MVVM)

    并且提示框显示的位置还跟随目标控件在主窗体中的位置灵活变换,不至于显示在蒙版窗体之外,如下图所示: 当目标控件右侧空间足够显示引导提示框时,引导提示框就显示在目标控件右侧;在右侧空间不足时,则将引导提示框显示在目标控件左侧...中定义的引导信息列表 Guides,点击下一步按钮(本文显示为我知道了)时,会按列表添加顺序切换引导信息; 使用 i:Interaction.Triggers实现控件加载完成时,自动显示引导提示信息,...GuideControl:引导控件,用于目标控件无法获取到自己的窗体这种(即无法获取在窗体中的位置),比如您开发的程序为第三方程序插件这种,上面的代码即是使用此引导控件实现的效果。...,Show()在目标控件窗体上,不能使用ShowDialog()的方式(为啥?...这两种方式(GuideControl 和 GuideWindow)总体呈现效果是一样的,目标控件所在的窗体是自定义窗体,Demo能正常显示下面的效果,普通窗体需要对目标控件 Clip 的位置和提示框的位置进行偏移处理

    2.5K10

    Angular系列教程-第四节

    两者都从视图中捕获用户输入事件、验证用户输入、创建表单模型、修改数据模型,并提供跟踪这些更改的途径 使用’@angular/forms’库中的FormGroup, FormControl,FormArray...,FormBuilder 等类构建出的数据对象就是响应式的表单,在响应式的表单中,我们会在数据源里面进行各种操作,像添加校验等,在html文件中使用 formGroup,formGroupName,formControlName...minLength 此验证器要求控件值的长度大于等于所指定的最小长度。当使用 HTML5 的 minlength 属性时,此验证器也会生效。...maxLength 此验证器要求控件值的长度小于等于所指定的最大长度。当使用 HTML5 的 maxLength 属性时,此验证器也会生效。 pattern 此验证器要求控件的值匹配某个正则表达式。...当使用 HTML5 的 pattern 属性时,它也会生效。 5.指令 组件 — 拥有模板的指令。

    2.8K50

    Excel实战技巧63: 制作具有数据导航功能的用户窗体

    设计用户窗体 在VBE中,插入一个用户窗体,在其中添加文本框、按钮、标签等控件,如下图1所示。 ?...这个用户窗体中的控件及相应的名称如下: 用户窗体名称:ufEmployee 用户窗体标题:员工记录 在用户窗体中,从上至下,从左至右,创建下面的控件: 员工ID文本框名称:tbxEEID Tag:Field0...,即处理数据和用户窗体中的控件。...当打开用户窗体或者单击任一按钮时,需要改变文本框来响应事件。因此,Initialize事件和四个按钮中任一按钮的单击事件都将调用上面的程序。在调用上面的程序之前,这些事件将首先设置当前记录。...当关闭用户窗体时,将触发QueryClose事件。如果用户窗体不打开,就不需要记录集,因此在该事件中要将其释放并清空内存。

    3.1K20
    领券