问题标签 [angular4-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 2 中以长格式观察几个字段的变化
我的表单有 10 到 15 个字段,我只想查看使用表单生成器构建的 2 个字段的变化。
目前我可以使用以下代码查看表单中的所有字段:
我不想看所有的字段,我现在在这些字段上使用 (keyup) 事件来处理它。但我想知道在 angular2 中是否有更好的方法来做同样的事情?
html - 在primeng多选上清除所有按钮
嗨,我正在开发一个 Angular4 应用程序,而对于 UI,我正在使用 Primeng。
我有一个多选元素,其行为与此处的行为几乎相同https://www.primefaces.org/primeng/#/multiselect
我唯一想要不同的是在下拉菜单上,当单击“X”(关闭)按钮时,我希望它清除所有选择而不是关闭下拉菜单本身。
有没有办法在primeng中实现这一点?
帮助表示赞赏!
angular - Angular4 Reactive嵌套表单问题
我正在使用 Angular 4 反应式创建嵌套表单。我的表单结构如下
表单组(用户表单)
FormArray(用户)
表单组(idx)
在完整的表格中,位于Form Group下,每个表格行位于FormArray(users)下,每个表格数据单元位于 Formgroup(idx) 下。
错误:
HTML:
TS:
javascript - Angular4 - 表单控件没有值访问器
我有一个自定义元素:
当我尝试添加 formControlName 时,我收到一条错误消息:
ERROR 错误:没有名称的表单控件的值访问器:“surveyType”
我尝试添加ngDefaultControl
但没有成功。似乎是因为没有输入/选择......我不知道该怎么做。
我想将我的点击绑定到这个formControl,以便当有人点击整个卡片时,会将我的“类型”推入formControl。可能吗?
javascript - 为什么@angular 表单中没有 FormArrayDirective?
根据最新版本的角度,@angular/forms 导出以下内容:
FormContolName
and FormControlDirective
, FormGroupName
and FormGroupDirective
, 但是FormArrayName
没有FormArrayDirective
, 为什么?
angular - 单击单个复选框“全部”时如何选择所有复选框?
我正在研究角度 4。当我选中名为“All”的复选框时,我需要选择所有服务(复选框)。
组件.ts
组件.html
我已经使用了这段代码,除了检查所有功能外,一切都正常工作。
angular - “AbstractControl”类型上不存在属性“控件” - angular4
已经有很多博客针对此错误发布,但没有为 angular4 指定任何博客。
我在表单上添加和删除动态控件
在初始化期间向窗体添加控件
通过调用此方法添加更多控制
从表单中删除控件
但是当我构建代码时,我得到这样的错误
这是我的html
我无法解决这个问题。我已经按照这个博客提出了动态控制
更新 1
当我像这样更改我的 .ts 代码时
和这样的HTML代码
它工作正常,我能够使用命令在生产模式下编译文件
ng build --target=production --environment=prod
但是从过去几天开始,我遇到了同样的错误并且无法在生产模式下编译它,我还没有更新我的任何应用程序
节点版本 - v6.11.1
npm 版本 - 3.10.10
角度版本 - 4.0
不知道究竟是什么导致了错误。
javascript - 逐行(每列的字段)一个表单,每个表单都有按钮:如何管理脏状态?
我想处理我表中每一行的脏状态。不幸的是,在 a 周围添加一个表单会破坏表格,并且我无法在其中创建它,因为每个不同的列都有一个字段。我每行的最后一列包含按钮:删除和更新。仅当该行的字段之一被弄脏时才会出现更新。
不知何故,它已经工作了,但我正在检查该行(#name="ngModel"
)上每个字段的每个 .pristine。我的行是通过类似*ngFor="let row of rows"
. 我相信最好在表单上而不是在每个元素上检查.dirty
or 。.pristine
此外,如果我真的要更新,则无法删除该 .dirty 状态(我尝试通过从数组中删除并重新添加它来替换该行的数据,但它仍然是脏的)。
有没有一种技术可以解决这个问题?
regex - 带有模式的Angular2表单验证
我正在尝试在 Angular 4.3.0 中使用电子邮件的模式属性,但即使电子邮件正确, field.errors.pattern 也会返回 true。我正在处理现有代码,并且在此使用了此模式。我也无法理解 RegEx。
下面是 HTML 表单
下面是图案
angular - ModalComponent 没有提供者
我是角度的初学者,所以这个问题我很愚蠢。在我们的应用程序中,所有表单都显示在弹出窗口中。在标题部分有几个选项卡,我需要在单击选项卡时加载组件。请查看下面的代码并建议代码有什么问题。
模态视图
模态组件
上面的代码片段用于模式弹出
选项卡 1 视图
选项卡 1 Component.ts
}
选项卡视图 2
选项卡 2 组件
}
app.module.ts
})