angular2-forms相关内容

Angular 2+ material mat-chip-list formArray 验证

如何验证 mat-chip 是否已添加到 mat-chip-list.我正在使用 ReactiveForms.我已经尝试使用 required 验证器. 该值可以是姓名列表，因此在提交表单之前，我需要确保姓名列表中至少有 1 个姓名.如果列表为空，则 mat-error 应显示错误消息.使用 required 验证器会使表单无效，无论将名称添加到列表中. 编辑:反应式表单 我尝试 ..
发布时间：2021-11-10 02:59:15 其他开发

Angular 2:在某些条件下应用 Validator.required 验证

我有一个 angular 2 表单，其中我必须在某些条件下创建一个字段，例如: 描述:['', Validators.required] 只有在某些类型的条件下才需要此描述字段，例如: if(true){descReq = true}; 我怎样才能做到这一点，请提出建议.提前致谢！ 解决方案 您可以根据表单上另一个控件的值添加或删除验证器: testForm: FormGrou ..
发布时间：2021-11-10 02:59:07 其他开发

<mat-select>的设置值以编程方式

我正在尝试以编程方式设置 2 个字段的值 abnd .对于文本输入，一切都按预期工作，但是对于视图上的 ，此字段就像它具有 null 的值一样.但是如果我调用 console.log(productForm.controls['category'].value 它会打印我以编程方式设置的正确值.我错过了什么吗? 代码如下: 表单配置: productForm = new FormGr ..
发布时间：2021-11-10 02:58:58 其他开发

反应式表单 - 将字段标记为已触摸

我不知道如何将所有表单的字段标记为已触摸.主要问题是，如果我不触摸字段并尝试提交表单 - 未显示验证错误.我的控制器中有那段代码的占位符. 我的想法很简单: 用户点击提交按钮 所有字段都标记为已触及 错误格式化程序重新运行并显示验证错误 如果有人有其他想法如何在提交时显示错误，而不实施新方法 - 请分享它们.谢谢！ 我的简化形式: ..
发布时间：2021-11-10 02:58:03 其他开发

Angular 2 ngModelChange 旧值

谁能告诉我比较 ngModel 旧值和新值的最佳做法是什么? 在角度 1 中: $scope.$watch('someProperty', funciton(oldVal, newVal){//代码在这里}) 我问这个是因为 (ngModelChange) 从来没有给我带来 oldVal ，只有 newVal . 就我而言，我在 标签中使用 ngModel 并将旧选择与新选择进行比 ..
发布时间：2021-11-10 02:42:45 其他开发

Angular 2+ material mat-chip-list formArray 验证

如何验证 mat-chip 是否已添加到 mat-chip-list.我正在使用 ReactiveForms.我已经尝试使用 required 验证器. 该值可以是姓名列表，因此在提交表单之前，我需要确保姓名列表中至少有 1 个姓名.如果列表为空，则 mat-error 应显示错误消息.使用 required 验证器会使表单无效，无论将名称添加到列表中. 编辑:反应式表单 我尝试 ..
发布时间：2021-11-10 02:20:33 其他开发

<mat-select>的设置值以编程方式

我正在尝试以编程方式设置 2 个字段的值 abnd .对于文本输入，一切都按预期工作，但是对于视图上的 ，此字段就像它具有 null 的值一样.但是如果我调用 console.log(productForm.controls['category'].value 它会打印我以编程方式设置的正确值.我错过了什么吗? 代码如下: 表单配置: productForm = new FormGr ..
发布时间：2021-11-10 02:19:55 其他开发

获取存在于 FormGroup/FormControl 中的验证器

我在我的应用程序中使用 Material 2，但在这个问题中我想用 输入. 正如您在API 参考中所见，有一个名为required 的属性绑定，它在占位符中显示为星号. 所以，我想知道是否有办法检查表单控件在 Angular 中是否有特定的验证器，因为我真的不想为每个输入手动设置 [required]="true/false" 我阅读了AbstractControl 文档，我没有 ..
发布时间：2021-11-10 02:18:22 其他开发

有条件地应用指令

我正在使用 Material 2 添加 md-raised-button.我只想在特定条件成立时应用此指令. 例如: 另一个例子:我在 plunker 中创建了一个基本的动态反应形式.我正在为控件数组使用反应形式的 formArrayName 指令.我只想在特定条件为真时应用 formArrayName 指令，否则不要添加 formArrayName 指令. 这是一个 plunk ..
发布时间：2021-11-10 02:17:13 其他开发

如何在 MD-selection-list Angular2 中设置选中元素的最大限制

我有 md-selection-list 和一些标签的 *ngFor，例如 [sport,relax,..] 标签存放在this.tags，选中标签存放在this.tab 我想阻止用户选择超过 5 个标签.所以如果用户选择第 5 个项目，应该有一些警告，并且用户只有在取消选中某些已选中的项目时才能键入不同的标签. 我从这段代码开始，但它不起作用.我尝试在列表项上禁用此“检查"图标 ..
发布时间：2021-11-10 02:06:06 其他开发

有条件地应用指令

我正在使用 Material 2 添加 md-raised-button.我只想在特定条件成立时应用此指令. 例如: 另一个例子:我在 plunker 中创建了一个基本的动态反应形式.我正在为控件数组使用反应形式的 formArrayName 指令.我只想在特定条件为真时应用 formArrayName 指令，否则不要添加 formArrayName 指令. 这是一个 plunk ..
发布时间：2021-11-10 01:19:47 其他开发

如何在角度 4 退出时实现确认?

我想知道如何实现退出时确认组件，以便在页面刷新或离开选项卡或窗口或屏幕时我可以执行退出时确认方法，以便如果用户单击确定他会离开屏幕，点击NO他会留在同一个屏幕上? 我在这里使用的代码是: import { Component, OnInit, Input, Output, HostListener } from '@angular/core';@成分({选择器:'确认退出'，templat ..
发布时间：2021-11-10 01:10:00 其他开发