Angular2 中的条件验证

2023-12-27

我想对访客和客户注册表使用相同的模板,但验证可能会有所不同,如下所示

让我们假设它是宾客登记表 - 需要名字

<form #f="ngForm" novalidate (ngSubmit)="save()">
                <label>First Name:</label>
                <input type="text" name="firstName" [(ngModel)]="values.FirstName" required #firstName="ngModel">
                <div *ngIf="firstName.hasError('required') && (!firstName.pristine && !f.submitted)" class="text-danger">You must include a first name.</div>
</form>

这是针对客户的 - 名字是可选的

<form #f="ngForm" novalidate (ngSubmit)="save()">
                    <label>First Name:</label>
                    <input type="text" name="firstName" [(ngModel)]="values.FirstName" #firstName="ngModel">

</form>

我想对两种表单使用相同/仅一个模板,但验证有所不同!我怎样才能实现它。蒂亚!

注意:通过使用反应形式我可以实现它,但我知道我想要 以模板驱动的形式实现。


基于此topic https://github.com/angular/angular/issues/7644你可以试试

<input name="first" ngModel [required]="isRequired">
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular2 中的条件验证 的相关文章

随机推荐

  • 反转 JavaScript 中的无符号任意二进制位

    例如 10100 将反转为 01011 010 将反转为 101 101 将转换为 010 问题是当我使用 5时 它变成 6 因为js使用32位签名 如何反转无符号任意位二进制数 我想创建一个函数 它接受这个无符号任意位二进制数并返回其反转
  • 同一模块中的子例程未找到模块中的 Fortran 函数[重复]

    这个问题在这里已经有答案了 我正在用Fortran90编写一个模块 主要是在模块内部定义了一个函数 以及一个使用该函数的子程序 这是该模块的摘录 module Mesh io implicit none private contains i
  • 查找已知的整数键集

    在我的环境中 Gperf 的性能始终低于 Judy 数组 我想知道是否有另一个专门为整数键构建的完美哈希库 我事先知道一组键 并且我想利用它来获得性能 尺寸优势 有大约 1000 个键 并且检索不按顺序排列 密钥对都是整数 密钥是 32 位
  • 在 JavaFX 中生成 MouseEvent

    我需要模拟一个MouseEvent MOUSE CLICKED 我想使用火灾事件特定的方法Node为了调度上述类型的事件 然而 我正在努力生成一个 看起来javafx scene input MouseEvent没有有效的构造函数 但很旧j
  • 将对象列表从 SignalR 中心发送到 JavaScript 方法

    我正在用 ASP 和 SignalR 编写多人游戏 大富翁 我已经停在包含游戏列表的表格的页面上 我不知道我这样做是否正确 所以 这就是我到目前为止所做的事情 我需要帮助才能继续 我创建了带有空表的 GamesList WebForm 页面
  • Rails 4 - Heroku Sqlite3 错误

    我在 Heruku 方面遇到了一些麻烦 由于以下错误 我无法推送 Gem files will remain installed in tmp build 2jdec30lsc3bu vendor bundle ruby 2 0 0 gem
  • SpriteKit SKScene 缺少触摸已结束

    我注意到 touchesEnded 并不总是在多点触摸时传递到 SKScene 根据移开手指等的速度 我会永久错过一些已结束的触摸 TouchsCancelled 已实现 我添加了一个自定义 UIView 并将其放在屏幕的左侧 没有问题 我
  • google firebase函数教程意外令牌=>

    我已经进行了一些谷歌搜索 但没有找到我的问题的答案 我正在关注 google firebase 函数的教程here https firebase google com docs functions get started authuser
  • 将绘图图保存到 html 文件后,您可以稍后将其重新读取为图吗?

    我想编辑数据 可能会向图表添加更多痕迹 我找到了一种将 html 文件显示为图表的方法 但不对其进行编辑 from IPython display import HTML HTML filename file name html 通常情况下
  • 为什么 getPasswordAuthentication() 没有被调用?

    import java io BufferedReader import java io IOException import java io InputStream import java io InputStreamReader imp
  • Strongloop:用[and]和[or]条件一起过滤数据

    我正在尝试使用 and 和 or 条件过滤数据 我想得到这个 mySql 查询 SELECT FROM data WHERE property1 11 OR property1 13 AND property2 6 我写的其余 api 是这
  • 更改 Jupyter Notebook 中的主题?

    我喜欢黑暗主题 但是 Jupyter笔记本的默认主题是浅色 我找不到更改主题 背景颜色的选项 这是怎么做到的 使用以下命令很容易做到这一点jupyter themes凯尔 杜诺万 Kyle Dunovan 的包装 您也许可以使用以下命令安装
  • 从 SCM 运行声明性 JenkinsFile 时出现“java.lang.NoSuchMethodError:找不到此类 DSL 方法‘管道’”

    我们有一个以声明式风格编写的非常简单的 Jenkinsfile pipeline agent any stages stage Test steps echo hello 当我们直接从 Jenkins v 2 107 0 中的管道作业中运行
  • Perl:正确传递数组供线程处理

    我正在学习如何在 Perl 中进行线程处理 我正在查看示例代码here https stackoverflow com questions 11596493 how to limit the max number of parallel t
  • 带 RecyclerView 的 AlertDialog

    我想创建自定义对话框 其中包含我的应用程序中的某些项目的列表 这是我的适配器代码 上下文上下文 ArrayList 状态列表 public MaritalStatusAdapter Context context ArrayList
  • NUnit 示例代码?

    我想学习如何使用 NUnit 我通过阅读然后使用真实代码来学习最好的方法 在哪里可以找到以示例方式使用 NUnit 的小型 简单的 C 项目 上面有很多很好的例子NUnit 的开发者维基 http nunit com devwiki cgi
  • 使用 scala、junit 时 Powermock 无法模拟静态方法

    我之前曾将 Powermock 与 java 和 junit 一起使用 我已经成功地能够模拟静态方法 如下例所示 PrepareForTest TimeHelper class MainApp class RunWith PowerMock
  • C# 中 get、set 属性的真正目的是什么? [复制]

    这个问题在这里已经有答案了 可能的重复 属性与方法 https stackoverflow com questions 601621 properties vs methods C 公共字段与自动属性 https stackoverflow
  • 为多个域设置 httpS

    我需要为多个域名 xxxx com xxxx net 设置 https 使用单个通用证书 我们购买证书的 CA 要求创建证书签名请求 CSR 但是当我使用 openssl 生成它时 它只要求一个名称 如何为多个域制定一个 CSR 避免使用多
  • Angular2 中的条件验证

    我想对访客和客户注册表使用相同的模板 但验证可能会有所不同 如下所示 让我们假设它是宾客登记表 需要名字