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

Angular2无法读取窗体的“valid”的属性或未定义的属性

是因为窗体控件没有被正确地绑定到Angular2的表单模块中。在Angular2中,要使用表单验证,需要在组件中引入FormsModule,并在HTML模板中使用ngForm指令来创建表单。

要解决这个问题,可以按照以下步骤进行操作:

  1. 在组件中引入FormsModule:import { FormsModule } from '@angular/forms';
  2. 在组件的NgModule的imports数组中添加FormsModule:@NgModule({ imports: [ FormsModule ], ... })
  3. 在HTML模板中使用ngForm指令来创建表单,并将窗体控件绑定到表单中:<form #myForm="ngForm"> <input type="text" name="myInput" [(ngModel)]="myInputValue" required> </form>
  4. 确保窗体控件的名称与ngModel绑定的属性名称一致。

这样,Angular2就能正确地读取窗体的“valid”属性,并进行表单验证。

关于Angular2表单验证的更多信息,可以参考腾讯云的相关产品AngularJS:https://cloud.tencent.com/document/product/1136/46342

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

相关·内容

  • 作为window对象属性元素 多窗口和窗体

    因为script脚本在头部先进行加载,无法获得完整dom树,导致dom树获取全为空值,因为在处理js脚本时候,dom树渲染是阻塞,除非允许异步渲染,加载完成以后进行渲染,或者是异步随机渲染。...窗口和其他窗口并不是没有完全关系。一个窗口标签页中脚本可以打开新窗口或者标签页。当一个脚本这样做,多个窗口可以相互操作 iframe 已经处于半废弃inframe标签。...open()第一个参数会在新窗口中显示文档url,如果参数省,或为空,将会使用空白页面进行显示 about:blank 脚本无法通过简单猜测窗口名字来操纵窗口web应用。...如果一个窗口是顶级窗口,标签 则 parent == self true self 属性返回窗体本身,表明parent指向其窗体 如果一个窗体是在另外一个窗体之中,则parent.parent将会是顶级窗口...事实上,全局对象会在窗口窗体载入新内容时被替换,即window对象实际不是全局对象,是一个代理,即windowProxy ps 需要注意一点是在多个标签或者窗体时候,每个窗体仅仅为一个线程,线程之间使用是一个浏览器定义好

    2.1K50

    删除失效WordPress文章中图像大小属性

    这些属性会影响CSS宽度和高度属性,图片延迟加载时默认图片大小,可通过 PHP、JavaScript 和 CSS 来删除属性,或者使用其失效。...从媒体库插入图像中删除图像大小属性 删除图像大小属性可完全控制 CSS 属性,可将以下代码添加到主题 functions.php 文件中: /*** 移除图片高度和宽度属性从文章内容中图片上*/ function...add_filter( 'image_send_to_editor', 'salong_remove_image_size_attributes' ); 请注意,当图像是特色图像将媒体库有图像添加到文章时...('height'); }); 使用 jQuery 代码删除图像大小属性更加方便,对于已经添加或者将来要添加图片都适用。...使用 CSS 使图像大小属性失效 对于响应式图片或者延迟加载时默认图片都是较好解决方法,将以下代码添加到主题 CSS 样式文件中: img { width: initial !

    2.5K40

    VisualStudio 通过 EditorBrowsable 隐藏不开放属性方法

    在开发中,总是会有一些方法不期望让大家直接使用到,就可以通过 EditorBrowsable 特性让智能提示不显示这个属性方法 假设我开发了这样一个类 public class Foo...于是现在小伙伴就无法从智能提示找到 Doubi 方法了,那么这个特性是在什么时候有用?...在于自己写了一些不想让小伙伴用属性方法时候 在 WPF 底层就在 DispatcherObject CheckAccess 判断调用线程是否是创建线程方法标记了这个特性,只有了解 WPF 依赖属性小伙伴才能使用这个方法...,同时有更好阅读体验。...欢迎转载、使用、重新发布,但务必保留文章署名林德熙(包含链接: https://lindexi.gitee.io ),不得用于商业目的,基于本文修改后作品务必以相同许可发布。

    84830

    VisualStudio 通过 EditorBrowsable 隐藏不开放属性方法

    在开发中,总是会有一些方法不期望让大家直接使用到,就可以通过 EditorBrowsable 特性让智能提示不显示这个属性方法 假设我开发了这样一个类 public class Foo...,只有通过 ReSharper > Options > Environment > IntelliSense > Completion Appearance 设置去掉 EditorBrowsable 值才能不显示...于是现在小伙伴就无法从智能提示找到 Doubi 方法了,那么这个特性是在什么时候有用?...在于自己写了一些不想让小伙伴用属性方法时候 在 WPF 底层就在 DispatcherObject CheckAccess 判断调用线程是否是创建线程方法标记了这个特性,只有了解 WPF 依赖属性小伙伴才能使用这个方法...当然这个做法没有接口隐藏方法做好,只是使用起来方便 Resharper 配置 EditorBrowsableAttribute Class

    46420

    文件目录损坏且无法读取盘怎么修复?

    文件目录损坏且无法读取是存储设备上常见故障之一,给用户带来诸多不便。下面我们将详细分析这一问题原因及解决方法,帮助用户应对此类情况。...一、文件目录损坏且无法读取原因存储设备物理损坏:硬盘、U盘等存储设备受到撞击、摔落等物理损伤,导致内部结构受损,文件目录损坏。...文件系统错误:存储设备上文件系统发生错误,导致操作系统无法正确识别和访问文件目录。病毒攻击:恶意软件病毒攻击存储设备,破坏文件目录结构,使其无法读取。...分区表损坏:存储设备分区表损坏,导致操作系统无法正确识别分区,从而无法访问文件目录。跨文件系统操作:在不同文件系统之间进行文件传输操作,可能导致文件目录损坏且无法读取。...文件目录损坏且无法读取恢复步骤如下:文件目录损坏且无法读取恢复工具:数之寻软件【恢复步骤1】:下载并打开恢复软件,在软件中选择需要恢复盘,再点《开始恢复》,软件会扫描这个盘数据。

    34510

    文件目录损坏且无法读取恢复方法

    当机械硬盘插入电脑中时,如果示“文件目录损坏且无法读取信息时,我们首先需要对机械硬盘进行目录修复操作。插入待修复机械硬盘,打开“我电脑”,找到机械硬盘所在盘符。...文件目录损坏且无法读取恢复方法 图片 工具/软件:WishRecy 步骤1:先下载并解压程序运行后,选中需要恢复盘,然后点《开始恢复》按钮 图片 步骤2:程序扫描到文件后,会放到与要恢复盘同名目录中...图片 步骤3:打钩所有需要恢复数据,然后点右上角《另存为》按钮,将打钩文件COPY出来。...图片 注意事项1:想要恢复文件目录损坏且无法读取需要注意,一定要先找到资料再格式化。 注意事项2:文件目录损坏且无法读取找到出来资料需要暂时保存到其它盘里

    2.7K00

    Springcglib代理类无法取到被代理类成员属性

    cglib原理是生成一个被代理类子类进行增强, 那么为什么子类访问不到父类属性呢 @Service public class AopTestService { public String...根据aop代理规则, imTest方法可以被代理, 下面就是cglib生成子类方法, 通过var10000.intercept代理拦截器, 最终使用源类AopTestService对象去调用imTest...第二行: bool2为true, 因为noImTest方法被final修饰, 无法被代理增强, 所以最终是通过cglib生成子类去调用父类AopTestServicenoImTest方法....但是this.value输出null, 这是因为cglib生成子类对象, 是通过objenesis这个库实例化, objenesis这个库作用是绕过构造方法实例化对象....所以对象没有正常初始化, 父类value属性也就没有了 3. 第三行, this.getValue输出了.

    1.7K00

    WPF 自定义控件入门 可重写各个方法属性意义

    本文整理在 WPF 里面,自定义控件,非用户控件时,可以重写基类许多方法和属性,这些方法和属性作用和含义。...方便让大家了解到自定义控件时,有哪些方法属性可以被重写,重写时正确实现以及其影响是什么 这是有伙伴问我,他在自定义控件时,发现了自己自定义控件里面的子控件 Loaded 事件不触发,命中测试不进入...(视觉树概念上层级)控件上,各个事件方法基本都能被符合预期正常触发。...机制里面的,无法让 F2 事件和重写方法被符合预期调用 接下来咱来修改一下 F1 类型,重写 VisualChildrenCount 属性和 GetVisualChild 方法 修改 F1 代码如下...可以看到无论鼠标怎么晃,都不会进入 F2 HitTestCore 命中测试方法。同时 F2 绘制圆形也无法在界面上看到。

    1.3K20

    如何在Linux使用 chattr 命令更改文件目录扩展属性

    在 Linux 操作系统中,chattr 命令用于更改文件目录扩展属性,包括可写性、可执行性和删除性等。本文将介绍 chattr 命令使用方法以及常见参数。...图片1. chattr 命令基本语法chattr 命令基本语法如下:chattr [选项] [文件目录]选项包括:-R:递归地更改文件目录属性。-v:显示命令执行详细信息。...-f:强制执行命令,即使文件目录被保护。2. chattr 命令常见参数下面是 chattr 命令常见参数及其含义:+:添加一个属性。-:移除一个属性。=:设置属性。...常见属性包括:a:仅允许附加操作,不允许删除截断文件。i:设置文件为不可修改。d:设置文件为无法删除。u:设置文件为可恢复。...我们可以根据实际需求选择相应属性,从而更好地保护文件目录。

    3.7K20

    IIncrementalGenerator 增量 Source Generator 生成代码入门 读取 csproj 项目文件属性配置

    本文告诉大家如何在使用 IIncrementalGenerator 进行增量 Source Generator 生成代码时,读取项目里项目文件属性,从而实现为项目定制逻辑。...本文例子期望达成是,读取 csproj 项目文件里面的 MyCustomProperty 属性,将此属性文本内容,作为生成代码一部分。...值得一说是,此方法不仅仅适合用在读取 csproj 项目文件里面的属性,也适合用来读取 NuGet 包 xx.props 和 xx.targets 文件里面的属性 ...而如果属性过早赋值,可能属性本身逻辑无法实现。...只有满足条件内容发生变更初始化时,才会触发后续逻辑,同时过滤结果也会作为后续逻辑输入参数。本文这里需要只是配置属性而已。

    1.5K30

    django小技巧之html模板中调用对象属性对象方法

    bpub_date = models.DateTimeField(db_column=’pub_date’) #定义字段名称为pub_date,默认字段名称就是类属性,即默认字段名称为bpub_date...–调用对象属性– {{hero.showname}}<!–调用对象方法,但不能给方法传递参数– <!...–注释 #点号解析顺序: #1.先把hero作为字典,hname为键查找 #2.再把hero作为对象,hname为属性方法查找 #3.最后把hero作为列表,hname为索引查找 — <...pymysql pymysql.install_as_MySQLdb() 再次启动web服务成功;浏览器访问:http://192.168.255.70:8000/ 完成验收在html模板文件中调用对象属性和对象方法...您可能感兴趣文章: 简单了解Django模板使用 django模板语法学习之include示例详解 解决Django模板无法使用perms变量问题方法 基于Django模板中数字自增(详解) Django

    3.3K21
    领券