-
0 votes1 answers315 views
我在我的功能模块中导入FormGroup，它在Angular4多模块结构中抛出错误
App模块 app.module.ts `import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { FormsModule, ReactiveFormsModule, FormGroup } from'@angul... -
3 votes2 answers488 views
角度 - 角度材料2步进控制
我使用Angular Material 2 Stepper设置了一个线性步进器 . 我有不同组件中的表单（组件-a，组件-b，组件-c） . 在我的主容器组件（容器组件）中，我希望线性步进器在其表单有效时“逐步”遍历每个组件 . 是否有某种功能可以与步进器中的 stepControl 进行对话以使其正常工作？ 我附上了步进器的文档和应用程序的StackBlitz版本 . 此外，我也有工作的回购链接... -
0 votes1 answers1335 views
嵌套角度反应形式和组件重用
TL;DR ：将嵌套组件与嵌套reactive forms组合似乎有问题 . 每个嵌套组件都必须从[formGroupName]，[formArrayName]和[formControlName]指令的组合构建整个表单层次结构 . Detail ：给定键值对建模为： { "key": string, "value": string } si... -
0 votes1 answers1176 views
反应表单模式验证和表单数组验证？
对于反应式表单验证，我观察了许多教程和plunker链接，但我没有得到任何解决我的问题的网站 问题1：formgroup模式是 [aA-zZ0-9'-]$/)] （允许否，字符， - ，'，空格特殊字符） export class AppComponent implements OnInit { private myForm: FormGroup; constructor(privat... -
0 votes1 answers1973 views
反应式表单：如何将FormControl的引用传递给它的子进程，以便它可以注册一个值更改侦听器？
如果我使用模板驱动的表单，我可以将FormControl的引用注入"error-message"组件 . 请注意使用ngModel指令（请参阅this tutorial） . <input type="text" name="myFormControl" #myFormControl="ngModel" ngMo... -
1 votes1 answers1036 views
Angular 4错误消息应该链接到无效的formControl
我使用以下内容 . 1）FormBuilder 2）FormControl 如果formControls输入，无线电等无效，我已创建错误摘要以显示表单提交上的所有错误 . 我想要做的是当用户点击错误消息时，他们应该将其带到无效的输入字段 . 我知道我能做到的几个方法是： <a href="formControlElementID">Error message... -
0 votes1 answers1974 views
如何获得被动形式的下拉选择值
我试图在响应式表单提交时发送更改事件下拉列表的选定值 . 我有一个非常类似的场景，根据how to get selected value of radio in reactive form的答案为无线电工作 这是下拉列表的代码 <div class="row" *ngIf="question.controls.type.value === 'dropdown'&... -
0 votes1 answers1979 views
自定义表单输入不绑定到模型
我试图在Angular 4中创建自定义表单输入 . 这是一个简单的示例，但我无法将组件绑定到ngModel . 我可以从父控制器传递此组件的默认值，但是当我更改此输入中的值时，UI会注册更改，但控制器中的模型不会显示新值 . 这是我的自定义组件： import { Component, Input, forwardRef, Output, EventEmitter, ElementRef, Ren... -
0 votes1 answers1255 views
如何将ngForm附加到组件？
我有一个角度组件“表单字段”，它根据它生成表单的输入类型迭代输入类型数组 . 我的问题是当我试图在我的表单中插入该组件时，如下所示 <form #form="ngForm" autocomplete="off" novalidate> <form-fields (execFormFieldFunc)="execFormFi... -
2 votes1 answers834 views
Angular 4表单，禁用字段始终有效
可能看起来像一个奇怪的形式，但我为了这个问题简化了它，这不是我的实际形式 . 但是同样的情况发生在这里 . <form (ngSubmit)="submit(form)" #form="ngForm"> <div> Full name: <input name="fullName... -
-1 votes2 answers1428 views
如何在angular4中显示隐藏按钮
我是角色的新手，所以我点击了一个编辑按钮，我需要显示两个按钮，即保存和取消按钮并隐藏编辑按钮 . 点击取消时，我只需要显示编辑按钮 . 我坚持通过角度和ngIF来切换它 . 这是我的按钮代码形式： <button id="editBtn" type="button" data-dismiss="modal" (click)=&quo... -
0 votes1 answers1638 views
ngIf的角度4问题
我在组件模板中有一个搜索图标和一个搜索栏 . 以下是HTML代码段： <div class="fixed-action-btn horizontal click-to-toggle search" id="search"> <span class="menu-label"></span> <... -
-2 votes1 answers1586 views
Angular 4表单验证和错误消息
我必须在我的应用程序中实现表单验证 . 我正在使用角度4.我的应用程序中还有10个表单 . 我不知道我的问题是否有效 . 我真的很困惑这个实现 . 我的问题：我需要在表单字段中添加验证，包括强制和验证，如电子邮件，电话号码等 . 如果用户输入表单，用户知道某些字段，用户可能不知道需要填写其他字段 . 但是需要保存有效字段并需要在表单中显示错误消息 . 我如何在前端实现我使用Angular 4和后端... -
1 votes2 answers1683 views
将数据从服务传递到组件 - >子组件
非常简短我正在使用Plunker我有一个场景，我必须通过从服务中读取元素数据来动态创建控件 . 因此，当我从服务中读取数据时，它是异步的 . 但是我必须根据从服务接收的数据创建一些具体对象，并将其传递给子组件 . 所以这是我的逻辑 主要组件的Html如下所示 . <ion-content padding class="container" *ngIf="ques... -
0 votes1 answers1435 views
如何在angular4中应用来自ts的反应形式的自定义指令？
我正在使用rective表单从组件构建自定义，遵循https://stackblitz.com/angular/ekboynmekgq?file=src%2Fapp%2Fdynamic-form-question.component.html给出的指导 对于验证消息我也在创建一个自定义组件，请参考https://plnkr.co/edit/km7nGR8DjyE4l6tH5JEC?p=previe... -
0 votes0 answers1499 views
角度反应表单 - 带有标签问题的复选框
我需要向Reactive Forms动态添加带有标签的Checkbox . 我找到了许多FormArray和FormControls的解决方案，如：https://netbasal.com/handling-multiple-checkboxes-in-angular-forms-57eb8e846d21 在该示例中，作者创建了FormControl，其复选框仅包含单个布尔值： this.form... -
0 votes1 answers1481 views
mat-error不会出现错误
我创建了一个Custom Validator方法，用于检查在数组中是否存在类型为mat-autocomplete的值 . 此方法返回{isExchange：true} . 我在另一个返回错误消息的方法中使用this.tradeForm.get（'exchange'） . hasError（'isExchange'） . 一切正常 . mat-aut-completed的一部分，在mat-form-... -
1 votes0 answers811 views
无法在角度中找到带路径的控件
我使用角度6应用程序和使用动态表单 . app.component.html： <form (ngSubmit)="onSubmit()" [formGroup]="form"> <div formArrayName="multiDynamic"> <!-- row --> ... -
0 votes1 answers968 views
将表格控制绑定到角度4及以上的无线电组和文本区域
技术和版本：角度：4.4材料：beta12反应形式 我有一个用户可以选择一个选项的场景，在选择其中一个选项后，用户必须在textarea中输入文本（禁用直到选择该选项） . 选择时，应禁用任何文本区域，并且应启用“是”文本区域 . 我正在使用反应式表单，代码就像这样 <div fxLayout="row" fxLayoutAlign="start"&... -
1 votes1 answers912 views
为什么Angular FormControl在DOM中设置'disabled'而不是'required'？
我已将表单逻辑从模板移动到FormGroup和FormControl对象中 . 当我禁用FormControl Angular时，还会更新DOM中字段的 disabled 属性 . 但是，当我更新控件的验证器以包含/排除 Validators.required 时，不会在DOM中更新 required 属性 . 只是想知道为什么会这样？我需要两个设置，否则Angular Material不会使用'... -
1 votes1 answers956 views
如何在角度4中默认显示0.00，输入类型=“数字”？
我希望用户在数字类型的文本框中看到以下“0.00” . 这是我正在使用的以下HTML： - **<input type="number" class="form-control" min="0.00">[(ngModel)]="_vendorDetailsDTO.openingBalance" step=&... -
1 votes1 answers849 views
Reactive Form确认密码并确认Email Validator angular 4
我需要使用反应形式角4来检查密码和确认密码字段是否具有相同的值 . 我确实在这里看到了很多答案，Angular 4表格验证了重复密码，比较验证器中的字段和angular 4，但似乎没有一个对我有效 . 面对问题，如何结合确认电子邮件和确认密码验证器在被动方法 . 工作正常要么确认电子邮件或确认密码 . this.addEmpForm = new FormGroup({ 'name': ... -
7 votes2 answers997 views
使用Angular 4在单个组件中加载动态模板
我的要求是构建一个具有2个或更多html模板的组件，其中每个html模板至少有20个控件，并且基于少数条件加载该特定模板 . Note: I chose 3 different templates because controls vary based on the templateType where as single ts file as the inputs and logic for d... -
7 votes2 answers316 views
错误：可以't bind to ' ngForIn' . Angular 4
这个问题已经说过，但不幸的是没有答案对我有用 . 这是我的问题（角5）： <option *ngFor="let country in countries" [value]="country.id" > {{'page.choose_country' | translate}} * </option>... -
7 votes4 answers1939 views
角度绑定对象，使用ngModels从组件到视图的数组
我试图在我的视图上绑定我的模型，但是当我提交表单时我遇到了问题：我没有数组，但有很多属性 . 零件 ： export class QuizFormAddQuestionComponent implements OnInit { public question: Question; constructor() { this.question = new Questi... -
84 votes2 answers710 views
Angular4 - 表单控件没有值访问器
我对自己的表格有点疑惑 . 我做了一个自定义元素： <div formControlName="surveyType"> <div *ngFor="let type of surveyTypes" (click)="onSelectType(type)" [class.selected]=... -
0 votes1 answers407 views
触发value使用自定义标志从patchValue更改
当我在特定代码段中执行patchValue时，有一种方法可以在FormGroup的事件valueChanges中看到自定义标志？ 恩 . 我必须在特定的代码片段中执行patchValue并且表单非常大，当我这样做时，有一些阶段值会更改，我想订阅并处理该信息，但我想将该特殊调用表格分类为patchValue . 有任何想法吗？提前致谢 . -
1 votes0 answers1945 views
Angular 4 Model Driven表单组验证，密码匹配无效
我使用Angular 4.0.0进行自定义组验证时遇到问题此表单组始终显示null {{modelform.get（'passwords'） . json}} 组件 import { Component, OnInit } from '@angular/core'; import { AbstractControl, FormBuilder, FormControl, FormGroup, Va... -
4 votes0 answers908 views
PrimeNG日历控件当日历控件处于无效状态时，Reactive Forms更新值不会更新日历UI
我在Angular Reactive Forms应用程序中使用PrimeNG Calendar控件 . 在我的应用程序中，我在Primefaces对话框中有一个带有日历控件的表单 . 当在日历控件中键入无效日期值时，我在对话框关闭时以编程方式将控件的值更新为预定义的回滚日期值，以便在再次显示该表单时，表单处于有效状态 . 但是，我发现以编程方式更新日历控件的值并不能始终使用新值更新UI . 我正在... -
2 votes2 answers903 views
FormArray中的FormGroup
我正在使用FormArray，然后包含Form Group，但无法通过* ngFor访问html . 我尝试了很多东西，但没有效果 . 这是打字稿代码 . private readonly TRAINING_FORM: any = new FormGroup({ // new FormControl('', Validators.required) codeSchool: new ...