Angular2 如果 ngModel 在表单标签中使用,则必须设置 name 属性或表单

2024-02-03

我从 Angular 2 收到此错误

core.umd.js:5995 异常:未捕获(承诺中):错误:app/model_exposure_currencies/model_exposure_currencies.component.html 中出现错误:57:18 原因:如果在表单标签内使用 ngModel,则名称 必须设置属性或表单 控件必须在 ngModelOptions 中定义为“独立”。

示例1:

<input [(ngModel)]="person.firstName" name="first">

示例2:

<input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}"> 
<td *ngFor="let lag of ce.lags">
    <div class="form-group1">
        <input name="name" [(ngModel)]="lag.name" [ngModelOptions]="{standalone: true}"  class="form-control" pattern="[0-9]*(\.[0-9]+)?" required>
    </div>
</td>

这就是我使用表单标签的方式:

<form #f="ngForm" (ngSubmit)="onSubmit()">

如果使用 ngForm,则所有具有以下内容的输入字段[(ngModel)]=""必须有一个属性name有一个值。

<input [(ngModel)]="firstname" name="something">

独立式

通过设置[ngModelOptions]="{standalone: true}"有人告诉 Angular 类似的事情,忽略形式和/或ngForm,只需将其绑定到firstname请变量。

然而,如果form-标签被错误地使用(就像我有时的情况一样),改变form to div是另一种选择(但前提是您的样式不需要form-tag).

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

Angular2 如果 ngModel 在表单标签中使用,则必须设置 name 属性或表单 的相关文章

随机推荐

  • 使用 gdb 调试 C++11 右值引用

    我刚刚注意到我无法调试rvalue参考文献与gdb 7 7 1适当地 void simple int i 当我输入这个简约函数时 我无法获得任何有意义的信息i It s type and value are unknown to gdb s
  • 当我实现自定义 Lint 检测器时如何调试 java 源代码?

    我是一名 Android 开发者 我已经通过实现新的 XXXDetector 和 XXXIssueRegistry 设计了自己的 lint 规则 这是我的源代码片段 我的 XXXIssueRegistry 文件 public class M
  • 关闭 Windows 8 超级按钮栏

    我有一台 Surface Pro 我需要将其 锁定 为一种 Kiosk 模式 我知道 信息亭模式 的更新正在进行中 但是我需要在此之前执行此操作 我在互联网上进行了搜索 但似乎您无法通过滑动来禁用超级按钮栏screen 我找到了禁用触控板的
  • C 静态库的包装

    我有一个用于相机的 C 静态库 现在计划为 Windows 8 开发 C WPF UI 它将使用 C 静态库来捕获视频 音频 我的想法是 C Static 会有 C CLI 包装器 包装器将是托管 Dll C WPF UI 将使用此 Dll
  • 在克隆期间更改内部元素 id

    我正在单击按钮时克隆 DIV 元素 我可以更改正在克隆的 DIV 元素的 ID 值 但是是否可以更改内部元素的 id 在下面的代码中 我更改了 Id selection克隆时 我需要动态更改 id select div div class
  • 使用 Spring RestTemplate 访问 Https Rest 服务

    谁能给我提供一个代码示例来使用 Spring Rest 模板访问通过 HTTPS 保护的其余服务 URL 我有证书 用户名和密码 基本身份验证用于服务器端 我想创建一个可以使用提供的证书 用户名和密码 如果需要 连接到该服务器的客户端 Ke
  • 头部内有多个 RSS 链接标签,标记是否有效?

    在 RSS feed 中包含多个 RSS feed 是否有效 tag 我的意思是 标签如下 etc 我们有一小部分 总共五个 RSS 提要 我们已经拥有了一段时间 但只在头标签中包含了 主要 提要 可以将它们全部包括在内吗 是的 这是完全有
  • jquery UI - 将日期添加到选定日期

    这看起来很简单 但我无法解决它 我真的需要这个 如何通过 SelectedDate 事件将日期添加到选定日期 我需要对 2 个日期选择器执行日期范围限制 一旦用户设置了一个日期选择器 另一个日期选择器只需要允许日期等于第一个日期选择器的所选
  • WHERE 子句中的动态条件

    我有一个存储过程 想知道是否可以建立一个动态的where基于参数的条件 假设我有这个查询 SELECT FROM tbl Users 现在 我有一个名为 username 我想用它来建立一个动态的where条件 通过我的程序可能是 1 个或
  • 从文件读取/写入 std::unordered_map 的更快方法

    我正在与一些非常大的公司合作std unordered maps 数亿个条目 并且需要将它们保存到文件中或从文件中加载它们 我目前执行此操作的方法是迭代映射并一次读取 写入每个键和值对 std unordered map
  • 增加 Linux 中 TCP/IP 连接的最大数量

    我正在对服务器进行编程 似乎我的连接数量受到限制 因为即使我将连接数量设置为 无限 我的带宽也没有饱和 如何增加或消除 Ubuntu Linux 机器一次可以打开的最大连接数 操作系统是否限制了这一点 或者是路由器或ISP 或者是别的什么
  • 火鸟远程备份

    我想备份 firebird 数据库 我正在使用 gbak exe 实用程序 效果很好 但是 当我想从远程计算机进行备份时 备份文件存储在服务器文件系统上 有没有办法强制 gbak 实用程序下载备份文件 Thanks 备份存储在 Firebi
  • chrome:为什么 css 3d 对变换比例 < 0 的大元素进行变换会导致白屏错误?

    我遇到了屏幕区域在镀铬中变白的问题 下面是一个简化的测试用例 从测试来看 可以肯定的是 变换缩放和旋转的组合导致了该问题 为了用少量 html 元素重现该问题 我夸大了情况并使用了按比例缩小 0 125 的 5000px 正方形 请注意 只
  • Angular 2 单元测试:找不到名称“描述”

    我正在跟进本教程来自 angular io https angular io docs ts latest guide testing html jasmine 101 正如他们所说 我创建了 Hero spec ts 文件来创建单元测试
  • -XX:-PrintGC 和 XX:-PrintGCDetails 标志有什么作用?

    我找到了 JVM 标志here http java sun com javase technologies hotspot vmoptions jsp 有没有更详细的解释他们到底做什么 设置此标志会将 JVM 进行的所有垃圾收集写入日志文件
  • bash 输出为 json 格式

    我是 Linux 和 Bash 脚本新手 我正在尝试将 Ubuntu Linux 中的几个 bash 脚本输出为 JSON 格式 但是 我似乎无法让它正常工作 我的目标是得到这个 date u Y m d H M S date and ti
  • MS Access - 对于给定变量的每次出现,将“计数”值加一?

    我正在寻找一个查询 该查询将 读取一列中一行的当前值 将其与上面的行进行比较 如果上面的行匹配则按顺序计数 本质上 这听起来像是一个运行计数 而不是 Count 几乎就像每组行上的行应该为 Count Variable 1 直到达到最小值零
  • 使用母版页的 ASP.net MVC 应用程序中的 jQuery

    我试图让简单的 jQuery 在我的内容页面上执行 但没有成功 下面是我想要做的
  • 如何在 Internet Explorer 64 位中支持 PDF 文件在浏览器内显示

    使用 64 位版本的 Internet Explorer 时 Adobe 似乎不支持在浏览器中显示 PDF 单击 pdf 链接后 64 位 Internet Explorer 将始终跨越新的 Adob e 窗口来显示 pdf 32 位 In
  • Angular2 如果 ngModel 在表单标签中使用,则必须设置 name 属性或表单

    我从 Angular 2 收到此错误 core umd js 5995 异常 未捕获 承诺中 错误 app model exposure currencies model exposure currencies component html