问题标签 [angular-forms]

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 投票
3 回答
28061 浏览

angular - 角度表单控件禁用绑定不起作用

我有一个在页面加载时禁用的表单控件。当用户单击按钮时,表单应该可以进行编辑。但是,当我切换禁用控件的属性时,什么也没有发生。

模板

零件

0 投票
3 回答
7851 浏览

angular - 只读/禁用输入未在 Angular 中提交

我在 Angular 2 中创建表单时遇到问题。我需要提交一些由服务动态生成的值。使用 Angular 的 http 模块,我得到一个价格,然后用户现在可以确切地知道多少比特币是 X 数量的智利比索。我要做的是提交所有这些数据。我不能这样做,因为角度表单没有提交禁用/只读输入。这些输入是汇率和目标金额(相当于比特币)。

我尝试了模板驱动方法和数据驱动方法,但没有成功。我什至无法在控制台中记录值。如果我从输入中删除 disabled 或 readonly 属性,则值将记录在控制台中并提交到我的数据库。

感谢您花时间帮助我。这是我的代码:

组件.ts

正如您在我的代码中看到的那样,除了用于提交表单的函数外,对数据驱动的方法进行了注释。

html:

再次感谢!

编辑!!!:

数据驱动的html:

0 投票
2 回答
2289 浏览

angular - 在提交 Angular4 时触发表单验证

我使用 Angular 和 ionic 设计了一个模板驱动的表单,它有一些自定义(onblur)验证。

现在我喜欢在单击提交按钮时触发表单验证。

如果表单无效,我不喜欢禁用提交按钮。

我试图标记控件并触摸或原始但它不起作用。

可以请一些人帮助我。如果单击提交按钮并且表单有错误,我喜欢显示错误消息。

0 投票
0 回答
985 浏览

angular - 使用模板驱动方法在 angular4 中默认设置表单值

我需要在加载页面时将表单值设置为一些默认值。我想过这样做。

但是我需要在哪里包含此代码?

如果我把它放在 ngOnInit() 中,它不会设置值,如图所示。如果我把它放在 ngDoCheck() 中,它会设置值,但它不允许我更改输入。

0 投票
0 回答
244 浏览

angular - 表单数组 多反应形式 Angular , angular material2

我正在使用 formarray,因为我必须根据“selectedValues”值显示多个表单,这将是一个数组,具体取决于先前选择的任务的值,所以假设我将“selectedValue”设置为 2,然后显示 2 个反应式表单,直到两个表单已填充 LAUNCH 按钮应禁用。现在我使用了内联样式,我将删除它们。

0 投票
2 回答
400 浏览

angular - 当表单中的值设置为 true 时显示选中的复选框按钮

我有一个表单,其中包含一组样式为按钮的复选框,因此在单击它们时不会保持选中状态。

我对表单使用 Angular 模板驱动方法,并使用*ngFor循环设置可以检查的工作日数量(如果不清楚,可以同时检查多个复选框)。

我的代码如下所示:

表单是这样启动的:<form (ngSubmit)="onSubmit(f)" #f="ngForm">因此在控制台中f.wday返回true(如果单击),false如果(至少单击一次后未选中)或(启动后)。""

我有点困惑为什么按钮没有在视觉上显示为活动状态。

0 投票
1 回答
2135 浏览

angular - Angular 4/2 使用 FormBuilder 我可以设置占位符和标签吗?

我正在开发应用程序,其中控件的所有标签都来自数据库,我想要的是当我使用 Form Builder 绑定表单时,同时设置该控件的标签,并将其用作其中的占位符控制。

这是我想要的:

有没有办法以 4/2 角做到这一点?

0 投票
1 回答
76 浏览

angular - 无法以 Angular 2 形式获取所选项目

我正在学习 Angular 2 (4),我对 Angular 表单有一点问题。问题是当我在下拉列表中选择该项目时,我无法从数据库中检索项目的值。因此,在我的情况下,当我在下拉列表中选择“品牌”时,我无法检索“品牌”的值。

这是我的“品牌”模型:

这是我的控制器:

我的映射配置文件:

我的品牌服务:

我尝试记录所选品牌值的组件:

最后是我的表格:

那么我做错了什么?

编辑:我试图记录车辆:

这就是我得到的: 控制台

我想我应该得到这样的东西:Object{brand:"1"}。有谁知道可能是什么问题?

0 投票
1 回答
2510 浏览

angular - 以编程方式强制选择primeng Listbox(p-listbox)中的项目。Angular 2/PrimeNg

我有一个使用 PrimeNg 列表框(p-listbox)显示的列表。它是一个组列表,我通过实现 ngDoCheck 生命周期钩子在其中观察选择的变化。ngDoCheck 下的每一次更改我都创建了一个条件来检查选择是否是特定组(“Group0”)。如果用户选择“Group0”,我想强制选择 p-listbox 回到先前选择的组。我能够确定先前选择的组并将其等同于 selectedGroup 但它不起作用。下面是代码:

我为此创建了一个 plunkr。http://plnkr.co/edit/oLoCEMT4zxqCApUL4Isn?p=preview

0 投票
1 回答
773 浏览

angular - 加载新的 ng-container 时未初始化表单值

Plunkr链接:https ://plnkr.co/edit/MOQ1evhsAocw3cJrYM0q?p=preview

ngSwitch我的HTML 模板中有以下代码:

我有一个单选按钮组,它选择一个值,然后设置为visitFrequency,例如weekday。现在,每当我选择这个(其他可能的值相同)时,我都会收到以下错误:

Monday 是数组wdays中循环创建复选框的第一个值(如果不清楚的话)。

我只收到此错误,我没有收到相同的错误Tuesday。这始终是一致的。当我选择一个差异时visitFrequency,我仍然收到错误,但同样只有正在循环的数组的第一项。

我怀疑表单值尚未启动,因此引发了错误。问题是在加载组件时它不会发生。