问题标签 [angular2-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 回答
1419 浏览

javascript - I can't make an input be required with Angular2

I'm starting with Angular and I'm on a project where I have to validate the inputs so they can't be left clear, every input must me completed.

It's an html and we have a .ts file.

This is an extract of the html:

I need to validate this factory input but when I was watching tutorials all I needed to do was to write 'required' inside the <input> and that was it but I had a <form> and every input was inside this form, and this html doesn't have a <form> and when I put one the design was horrible and I couldn't work.

0 投票
1 回答
488 浏览

angularjs - 是否可以使用 ngModel 对自定义指令执行双向绑定?

我的用例完全不同。当我剥离所有其他因素时,它归结为这一点。

假设我有以下输入元素

其工作customDirective是查看用户输入的值并根据输入动态更改其值。

如何为此实现双向绑定。

我玩过 ControlValueAccessor、DefaultValueAccessor。但是无论我做什么,我都无法实现双向绑定。我一次达到的最大值是模型更新时的视图更新,而不是相反。但是该代码在某个地方丢失了。

这是香草plunker 链接。

PS:我已经提到了以下内容。但是它们都无助于实现与指令的双向绑定

http://blog.thoughtram.io/angular/2016/07/27/custom-form-controls-in-angular-2.html

angular2 wysiwyg tinymce 实现和 2-way-binding

提前致谢

0 投票
2 回答
7691 浏览

angular - Angular 2:尽管有“selected”属性,但选择下拉菜单不选择选项

我有以下代码用于选择下拉列表:

数组中的每个项目UnitOfMeasurements看起来像这样:

或这个:

[(ngModel)]="UnitOfMeasurementId"包含应选择的项目的值。在此特定示例中,该值为 3,因此应选择第 3 个项目。果然,当我检查它显示ng-reflect-selected="true"在正确项目上的元素时,实际上没有选择任何内容。如何在列表中获得正确的项目以实际动态选择而不是仅添加ng-reflect-selected="true"属性?

0 投票
4 回答
7237 浏览

angular - Angular 2 - 具有动态对象/属性的 ngModel

在我的 TS 文件中,我动态地在我的selectedValsObj对象上创建属性,如下所示:

在我的 HTML 中,我想将[ngModel]我的输入绑定到selectValsObj对象的属性。我试过这个但没有运气:

如何ngModel在我的 HTML 中将 TS 文件中的动态创建属性设置为?

0 投票
2 回答
1739 浏览

forms - Angular2 不能以 ngFor 重复的形式使用 ngModel

如何将 ngModel 用于 ngFor 重复的多个表单的输入?

当我尝试这样做时,Angular2 给了我错误。

有问题的代码示例块:

这是 plunker https://plnkr.co/edit/YNZiCBeyqJoxO5ox5nlC?p=preview

如果我删除表单标签,它会毫无问题地运行,但我需要它,所以我可以在所有输入上使用 enter 键来更新他们自己表单中的相应数据。

0 投票
1 回答
11151 浏览

javascript - Angular 2 ngModel未绑定类定义中定义的对象属性

我是 angular 2 的新手,我尝试了 [(ngModel)],如下所示。

上面的代码在浏览器中初始加载网页时产生如下所示的输出。

model.name 在页面加载时绑定到视图

第二个是..

这个产生以下输出..

如果我定义 model = {} 和 model.name =

请解释两个代码示例之间的区别以及为什么它在第二个示例中不起作用..

提前致谢。

0 投票
1 回答
493 浏览

angular - 在 Angular2 中加载模型时默认选中(或不选中)所有复选框

我有一个奇怪的问题。

在我的 html 页面中,我有以下代码:

我引入了一个具有角色数组的模型,其中一些将 IsActive 设置为 true,一些设置为 false。应根据 role.IsActive 属性选中复选框。但由于某种原因,模型加载时所有复选框都(未)选中。为什么会这样?

编辑:进一步看,所有复选框的状态都取决于数组的最后一个元素。所以如果最后一个角色被选中,所有的复选框都会被选中。

编辑 2:添加了表单标签,因为它会导致问题。

0 投票
1 回答
2131 浏览

javascript - Angular 2 Form - 当ngModel =空obj时禁用提交

我有一个使用 for 循环动态创建的 Angular2 表单。对于这个问题,我关心表单中的单选按钮。该表单是在 HTML 中创建的,然后从 TS 我将每个输入的 ngModel 分配给一个空对象。我希望在选择单选按钮之前禁用表单中的提交按钮:

即使客户端没有选择单选按钮,表单也会认为它是有效的,我认为这是因为ngModel单选输入设置为 = {}

我怎样才能保持相同的设置(因为它深深地根植于我的组件前端和后端)但在ngModel=时使表单无效{}

0 投票
2 回答
4257 浏览

angular - 如何使用 ngModel 和 ngIf 过滤数据

我是 ionic2 的新手,我需要根据我输入的内容过滤数据,所以我想到了使用 ngModel 和 ngIf。我的 JSON 包含姓名和电子邮件列表,代码如下。请告诉我哪里出错了,或者如果有其他方法请告诉我。

在打字稿中,我已将 namefilter 初始化为特定名称

这是 HTML:

0 投票
1 回答
7900 浏览

angular - Angular 2 ngModel 比较新旧值

所以我一直在玩 Angular 2 一段时间了。在 an 中使用[(ngModel)]指令<input>非常简单。但是我不知道如何通过或至少获得以前的值,所以我可以比较两者 - 新的和旧的。

(ngModelChange)自从输入字段模糊后启动以来,我正在通过更改检测(change)(顺便说一句,这似乎是一个错误)。所以我的代码目前看起来像这样($event可以看作是一个占位符,因为我不知道要传递什么)。

我也尝试过像这样传入一个自定义的本地模板变量,这显然也不起作用:

我知道,至少有可能通过使用DoCheck来实现这一点。但是因为我只需要一次(目前)我真的不想使用那种方法。最重要的是,我在*ngFor.