问题标签 [ngmodel]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
5654 浏览

angular - 为什么 ionic 3 双向数据绑定不起作用?

请我正在尝试充实我正在进行的离子项目的注册页面尝试将我的 ([ngModel]) 绑定到我的组件中的对象属性。

让我只显示代码摘录,以便您了解

这是我的 HTML 模板

即使使用上述设置,它也根本不起作用。我可以在这里做什么来使两个数据绑定工作

0 投票
1 回答
782 浏览

angular - ngModel 未定义时选择的默认值

我有一个绑定到 ngModel 的选择框:

当第一次到达此代码时, tempHours[index] 是一个空对象。因此,ngModel 插入了一个带有未定义值和空白文本的选项标签,并且不尊重所选属性。

在阅读 Angular 错误跟踪器时,他们将其辩护为功能而不是错误,但这显然不是理想的行为。我可以通过并预定义所有 tempHours 对象,使其重复为“Every”,但如果 ngModel 未定义,则必须有一种更优雅的方式回退到 html 属性。

有什么建议么?还是我只需要为重复预定义 tempHours 对象?

0 投票
1 回答
52 浏览

html - Angular4 - 如果未选中所有复选框,则执行功能

我有一个主复选框,其ngModel值为 as [(ngModel)]="formModel.acknowledged1并且在组件上它设置为 false 就像

我有一个有 n 行的表,每一行都有带有 ngModel 的复选框,[(ngModel)]="formModel.acknowledged所以当我点击主复选框时,表上的所有复选框都被选中,然后我的函数 deleterow 被执行,但我想要

如果我从表行中只选择一个复选框,那么应该执行一些其他功能。请参阅下文以明确我的问题。html -

组件.ts -

0 投票
0 回答
209 浏览

angular - 下拉列表中的嵌套 ngFor 无法将数据绑定到 angular5 中的 ngModel

我有一个地板数组作为地板[];

我需要将数组 floor[] 的每个元素的 id 与其 floorChild 的匹配 id 绑定,以便在获取数据时显示在下拉列表中。

组件.html

我需要将 child.id 与 floor[i].id 绑定,以便下拉列表显示匹配发生的相应数据。

现在它只显示下拉列表中所有内容的未分配(值=“0”)。

0 投票
1 回答
687 浏览

angular - Angular 4 使用 [(ngModel)] 捕获 n 行的切换开关(开/关)值

我有一个切换开关(开/关)按钮,我在桌子的每一行都保留了它。我想捕获每一行按钮的开关,这样我就可以根据开/关的结果进行过滤。有没有可能,如果是,那么如何。我从基于自定义的客户端提供程序切换,它为我提供了选项,例如

0 投票
1 回答
1545 浏览

angular - Angular 4 - 绑定来自 db 的布尔值以打开/关闭开关

在应用程序中,我有一个切换开关,它必须绑定到数据库中的数据。db 中的名称是 Status,它的值为 True/False。现在我希望在我的表格行中使用切换开关按钮,如果从 db 检索到的状态为 true,它应该显示绿色,如果在 db 中的状态为 false,它应该显示黑色。我尝试了 ngModel 但它不起作用。无论如何,如果我在 DB 中有 true 或 false,它只有在我在屏幕上渲染时才会显示为 false。对于拨动开关,我必须使用我自己的组件。下面是我的代码。

html

但是当我写 {{data.Status}} 时,它向我显示 true,false 作为 Status 完美的值。将值绑定到我的开关在哪里出错。任何帮助。

拨动开关文档 -

0 投票
2 回答
1138 浏览

ionic-framework - ngModel 没有得到输入的值

请帮忙。

我在我的应用程序上得到了这行代码,这里输入的值来自 firebase 数据库。这在我运行应用程序时显示的值有效。我的问题是当我 console.log(attendance.studentName) 时。它没有得到价值。它是 null 或 {}。

HTML

TS

模型

服务

请帮忙

0 投票
1 回答
1680 浏览

angular - ngFor 生成的输入字段获得不同的值 - Angular 2

当我单击按钮时,我有两个(或更多)输入字段。目前,当我开始在任何字段中输入内容时,它也会使用该 ngModel 填充其他字段。

我需要的是为它自己制作每一行,这样当我单击其他按钮时,它将获取所有输入值并将它们逐行推送到数组中,因此 json 应该看起来像这样:

Plunker 在这里:plunker

0 投票
0 回答
345 浏览

angular5 - 在 Angular 5 中,当我尝试使用 elvis 运算符进行双向数据绑定时,[(ngModel)] 不起作用

在两种情况下都需要检查单选按钮时,我使用单一反应形式作为插入和更新操作 - 我该如何解决这个问题?

这是我使用的领域

错误:

解析器错误:'?.' 运算符不能用于第 34 列的赋值

对于要检查的默认值,我在组件中使用以下代码:

0 投票
3 回答
4348 浏览

javascript - Angular4 ngModel 将数据类型从“数字”更改为“字符串”

我有一个 Angular4 应用程序,它从表单中捕获数据并存储在 DynamoDB 中。它使用 ngModel 来支持双向数据绑定,并且在显示上看起来都很好。由于键入为 'text' 的输入字段绑定到 Typescript 'number' 字段,问题开始出现。似乎正在将对象值的类型更改为“字符串”。我只需将 HTML 输入类型更改为“数字”,除了表单字段上不必要的和不需要的增量/减量装饰器(并且隐藏它们似乎支持有限)。所以我很好奇是否有另一种方法可以根据需要保持数据结构的类型......如果这是 ngModel 中的一个错误......或者输入类型只需要是“数字”。

我的 sample.component.ts 文件中的结构如下所示:

我的 sample.component.html 文件如下所示:

JSON.stringify(this.courseInstance) 的输出结果类似于

注意表示为字符串的值 100。

如果我不使用表单,而只是创建一个实例,例如

然后在输出 JSON.stringify(courseInstance) 的结果时;我明白了

如果我尝试使用 PutItem 将对象存储在 DynamoDB 中,当数据来自 HTML 表单时,Id 值将无法进行类型检查。

我会认为 Typescript 中的输入优先于 HTML 'text' 输入类型。