问题标签 [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.
angular - 角度表单控件禁用绑定不起作用
我有一个在页面加载时禁用的表单控件。当用户单击按钮时,表单应该可以进行编辑。但是,当我切换禁用控件的属性时,什么也没有发生。
模板
零件
angular - 只读/禁用输入未在 Angular 中提交
我在 Angular 2 中创建表单时遇到问题。我需要提交一些由服务动态生成的值。使用 Angular 的 http 模块,我得到一个价格,然后用户现在可以确切地知道多少比特币是 X 数量的智利比索。我要做的是提交所有这些数据。我不能这样做,因为角度表单没有提交禁用/只读输入。这些输入是汇率和目标金额(相当于比特币)。
我尝试了模板驱动方法和数据驱动方法,但没有成功。我什至无法在控制台中记录值。如果我从输入中删除 disabled 或 readonly 属性,则值将记录在控制台中并提交到我的数据库。
感谢您花时间帮助我。这是我的代码:
组件.ts
正如您在我的代码中看到的那样,除了用于提交表单的函数外,对数据驱动的方法进行了注释。
html:
再次感谢!
编辑!!!:
数据驱动的html:
angular - 在提交 Angular4 时触发表单验证
我使用 Angular 和 ionic 设计了一个模板驱动的表单,它有一些自定义(onblur)验证。
现在我喜欢在单击提交按钮时触发表单验证。
如果表单无效,我不喜欢禁用提交按钮。
我试图标记控件并触摸或原始但它不起作用。
可以请一些人帮助我。如果单击提交按钮并且表单有错误,我喜欢显示错误消息。
angular - 使用模板驱动方法在 angular4 中默认设置表单值
我需要在加载页面时将表单值设置为一些默认值。我想过这样做。
但是我需要在哪里包含此代码?
如果我把它放在 ngOnInit() 中,它不会设置值,如图所示。如果我把它放在 ngDoCheck() 中,它会设置值,但它不允许我更改输入。
angular - 表单数组 多反应形式 Angular , angular material2
我正在使用 formarray,因为我必须根据“selectedValues”值显示多个表单,这将是一个数组,具体取决于先前选择的任务的值,所以假设我将“selectedValue”设置为 2,然后显示 2 个反应式表单,直到两个表单已填充 LAUNCH 按钮应禁用。现在我使用了内联样式,我将删除它们。
angular - 当表单中的值设置为 true 时显示选中的复选框按钮
我有一个表单,其中包含一组样式为按钮的复选框,因此在单击它们时不会保持选中状态。
我对表单使用 Angular 模板驱动方法,并使用*ngFor
循环设置可以检查的工作日数量(如果不清楚,可以同时检查多个复选框)。
我的代码如下所示:
表单是这样启动的:<form (ngSubmit)="onSubmit(f)" #f="ngForm">
因此在控制台中f.wday
返回true
(如果单击),false
如果(至少单击一次后未选中)或(启动后)。""
我有点困惑为什么按钮没有在视觉上显示为活动状态。
angular - Angular 4/2 使用 FormBuilder 我可以设置占位符和标签吗?
我正在开发应用程序,其中控件的所有标签都来自数据库,我想要的是当我使用 Form Builder 绑定表单时,同时设置该控件的标签,并将其用作其中的占位符控制。
这是我想要的:
有没有办法以 4/2 角做到这一点?
angular - 无法以 Angular 2 形式获取所选项目
我正在学习 Angular 2 (4),我对 Angular 表单有一点问题。问题是当我在下拉列表中选择该项目时,我无法从数据库中检索项目的值。因此,在我的情况下,当我在下拉列表中选择“品牌”时,我无法检索“品牌”的值。
这是我的“品牌”模型:
这是我的控制器:
我的映射配置文件:
我的品牌服务:
我尝试记录所选品牌值的组件:
最后是我的表格:
那么我做错了什么?
编辑:我试图记录车辆:
这就是我得到的: 控制台
我想我应该得到这样的东西:Object{brand:"1"}。有谁知道可能是什么问题?
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
angular - 加载新的 ng-container 时未初始化表单值
Plunkr
链接:https ://plnkr.co/edit/MOQ1evhsAocw3cJrYM0q?p=preview
ngSwitch
我的HTML 模板中有以下代码:
我有一个单选按钮组,它选择一个值,然后设置为visitFrequency
,例如weekday
。现在,每当我选择这个(其他可能的值相同)时,我都会收到以下错误:
Monday 是数组wdays
中循环创建复选框的第一个值(如果不清楚的话)。
我只收到此错误,我没有收到相同的错误Tuesday
。这始终是一致的。当我选择一个差异时visitFrequency
,我仍然收到错误,但同样只有正在循环的数组的第一项。
我怀疑表单值尚未启动,因此引发了错误。问题是在加载组件时它不会发生。