问题标签 [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 投票
1 回答
378 浏览

angular - 如何保持格式在视图中但不在模型中?(角度 5)

我正在制作一个支持 [(ngModel)] 指令的自定义组件,它工作得很好。问题是我想在视图中保留货币格式并在模型中保留“正常”数字,这对于 Angular 5 中的 2 路数据绑定是否可行?

这是代码: https ://stackblitz.com/edit/angular-c1qxh4

你会注意到一些事情:

  • 加载时,一切似乎都很好,只有视图具有格式
  • 当您添加让我们说另外 2 个零时,格式也会进入模型(这是我想要避免的)
  • 模型中的格式是错误的(逗号没有正确放置,但这并不重要,反正我不想要那个格式)

那么,我的问题是,有可能做我想做的事吗?如果是这样,我做错了什么?

编辑:为了澄清起见,我不想在 2 个单独的组件上执行此操作(例如,输入和标签,或者输入和不可见的输入(我已经尝试过)),我想知道是否有一种在单个输入上执行此操作的方法。

0 投票
1 回答
882 浏览

angular - ngModel 不会在更改时更新值

我有 ngModel,在 ngFor 循环内:

在我的组件中,我有两个用于索引迭代和将对象转换为数组的函数:

但是当我更改 textarea 中绑定的文本时,ngModel 不会改变。

Stackblitz 示例: https ://stackblitz.com/edit/angular-z6xatv

0 投票
3 回答
181 浏览

angular - Angular 试图在 html 元素上使用 ngModel

我正在尝试的是:

但它得到以下错误:

没有将“exportAs”设置为“ngModel”的指令(“]#Funktion="ngModel" required >

我的目标是显示是否在下拉列表中选择了值为“管理员”的功能,如果未选择“管理员”,则将其隐藏...

我究竟做错了什么?

0 投票
1 回答
52 浏览

angular - Angular 双向数据绑定 - 更改值

我有一个带有输入的表格。

在我的 component.ts 上,我有这些行。

在构造函数上

ngOnInit

ps:Contrato是模特。像这样

为什么我的输入不改变在 OnInit 中传递的 de 值?

0 投票
1 回答
4289 浏览

angular - Angular 5 ngModel setting default value based on form input

I have an app built in Angular 5 using Firebase's Real Time Database. My form is using ngModel and has a user id field and a custom username field. I need the username to have a default value of the user id unless the user chooses to change it.

When the user puts In their user id the vanity id field populates but won't send data to the database unless they add or delete something from the vanity field.

I tried adding:

to the vanity field witch lets it send an empty string if neither field is touched, but won't send anything when only the user id is changed.

0 投票
1 回答
13881 浏览

angular - ng-select 获取对象作为选定值

我正在使用 ng-select(来自 '@ng-select/ng-select' 的 NgSelectModule)ץ 这是我的代码:

validFiltersData 是一个 FilterData 数组

过滤器

我试图将选定的值作为包含 ID 和 Text 的对象(过滤器),但我总是只得到 ID

如何将所有过滤器作为选定值?

0 投票
1 回答
40 浏览

input - 角度 5,保持输入值并将其添加到 JS 对象

我正在用 Angular 5 制作一个 Web 工具,以帮助创建新的 XML。

我在传递输入值并将它们同时保持在同一输入中时遇到了麻烦。

我有一个带有 ngSubmit 事件的表单,它使用 ngForm 的引用作为参数


这是 createSimpleTypeList 方法


我遇到的问题是,我还没有找到一种方法将新项目推送到 objSimpleType 中,而不擦除输入的值,如果我设法不擦除输入的值,那么表单的值将不会推送。

这就是它的外观。输入现在如何工作

这就是我需要的

输入应该如何 我仍然是角度的新手,我非常感谢您的帮助。

0 投票
1 回答
3377 浏览

angular - Angular 6 - ngFor 中的 ngModel 正在更新数组中的每个项目

几周前我开始学习 Angular 6,所以我还是新手。

我一直在尝试更新对象数组中的双向绑定字段。

这是我的数组初始化

store.component.ts

store.component.html:

我尝试将两种不同的方式绑定到 ngModel 以查看是否可行。不过,它们的行为方式相同。

当我有 3 个商店的数组并在其中任何一个商店上更新地址 1 或地址 2 时,所有 3 个商店地址 1 字段都会更新。

大多数在线研究产生了 3 种解决方案,但到目前为止都没有奏效。

  1. 在“名称”属性中包含索引以具有唯一的字段名称。
  2. 使用 trackBy,我也尝试在 store_list 数组中使用唯一 id 并通过自定义 trackBy 函数返回它,但它不起作用。
  3. 不要在 ngFor 中使用 ngModel。
0 投票
2 回答
401 浏览

angular - Angular - 未在 ngForm 对象中捕获所选选项

编辑删除不相关的代码。

我正在尝试将表单对象打印到控制台,但未显示所选选项。它在控制台中显示为未定义。

在此处输入图像描述

我已经把代码放在下面了。如果有人可以指导此特定代码有什么问题,那将很有帮助。让我知道是否需要任何其他信息。

组件.html:

组件.ts:

类别.Service.ts:

我想从 Firebase 数据库中突出显示要在对象中捕获的值。如果我把 c.name 我得到用户友好的名称。

Firebase 数据库结构。

0 投票
1 回答
336 浏览

angular - ng 服务、ng 构建、ng 构建 --prod 问题

所以 ng serve 和 ng build 编译和运行没有错误。当我运行 ng build prod 时,它给了我“{}”类型的属性“标题”不存在。我也厌倦了实现接口并得到相同的错误。该代码运行良好,ng serve 没有错误。

这是 Ts 文件片段