-
0 votesanswersviews
将表格控制绑定到角度4及以上的无线电组和文本区域
技术和版本:角度:4.4材料:beta12反应形式 我有一个用户可以选择一个选项的场景,在选择其中一个选项后,用户必须在textarea中输入文本(禁用直到选择该选项) . 选择时,应禁用任何文本区域,并且应启用“是”文本区域 . 我正在使用反应式表单,代码就像这样 <div fxLayout="row" fxLayoutAlign="start"&... -
7 votesanswersviews
使用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... -
1 votesanswersviews
如何将格式化值显示为用户类型,但是将原始值发送到Angular 4 formControl以进行验证和formControl值?
我是Angular2 / 4的新手 . 我有一个formControlName =“Price”的输入字段,我需要输入值以用户输入的正确的货币格式显示 . 当用户输入“100000”时,我需要将其显示为“Rp100,000”,但原始值应该按原样发送到FormControl值 . 我试过这样的事: import { Directive, ElementRef, HostListener } from... -
2 votesanswersviews
angular 4 material使用ngFor和ngModel显示formArrayName
我试图用Angular 4反应形式显示一组电子邮件,并从我的输入绑定一个数组,所以在组件中我写了这个: <li> <h4>Telephone</h4> <div class="lists" formArrayName="telephones"> <mat-form-field *ngFor=&qu... -
6 votesanswersviews
Angular 4 mat-form-field,带有mat-select
所以,我在mat-form-field中使用mat-select时遇到了问题 . 使用mat-form-field和mat-input不是问题,我相当确定我的导入也是正确的,但是在尝试使用mat-select时我收到以下错误: 错误:md-form-field必须包含MdFormFieldControl . 您是否忘记将mdInput添加到本机... 我的HTML代码如下: <mat-f... -
-6 votesanswersviews
FromGroup的自定义验证程序错误
我使用自定义验证器与第二个FormGroup时的问题 . 我验证了我熟悉的FormBuilder,我使用自定义验证器来验证我的确认密码,但是当我访问密码值时,我遇到了FormGroup的问题 . 组件代码: ```import {Component, OnInit} from '@angular/core';import {FormBuilder, Validators, FormGroup} f... -
0 votesanswersviews
自定义表单输入不绑定到模型
我试图在Angular 4中创建自定义表单输入 . 这是一个简单的示例,但我无法将组件绑定到ngModel . 我可以从父控制器传递此组件的默认值,但是当我更改此输入中的值时,UI会注册更改,但控制器中的模型不会显示新值 . 这是我的自定义组件: import { Component, Input, forwardRef, Output, EventEmitter, ElementRef, Ren... -
0 votesanswersviews
如何将ngForm附加到组件?
我有一个角度组件“表单字段”,它根据它生成表单的输入类型迭代输入类型数组 . 我的问题是当我试图在我的表单中插入该组件时,如下所示 <form #form="ngForm" autocomplete="off" novalidate> <form-fields (execFormFieldFunc)="execFormFi... -
2 votesanswersviews
Angular 4表单,禁用字段始终有效
可能看起来像一个奇怪的形式,但我为了这个问题简化了它,这不是我的实际形式 . 但是同样的情况发生在这里 . <form (ngSubmit)="submit(form)" #form="ngForm"> <div> Full name: <input name="fullName... -
1 votesanswersviews
将数据从服务传递到组件 - >子组件
非常简短我正在使用Plunker我有一个场景,我必须通过从服务中读取元素数据来动态创建控件 . 因此,当我从服务中读取数据时,它是异步的 . 但是我必须根据从服务接收的数据创建一些具体对象,并将其传递给子组件 . 所以这是我的逻辑 主要组件的Html如下所示 . <ion-content padding class="container" *ngIf="ques... -
7 votesanswersviews
错误:可以't bind to ' ngForIn' . Angular 4
这个问题已经说过,但不幸的是没有答案对我有用 . 这是我的问题(角5): <option *ngFor="let country in countries" [value]="country.id" > {{'page.choose_country' | translate}} * </option>... -
0 votesanswersviews
我在我的功能模块中导入FormGroup,它在Angular4多模块结构中抛出错误
App模块 app.module.ts `import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { FormsModule, ReactiveFormsModule, FormGroup } from'@angul... -
0 votesanswersviews
嵌套角度反应形式和组件重用
TL;DR :将嵌套组件与嵌套reactive forms组合似乎有问题 . 每个嵌套组件都必须从[formGroupName],[formArrayName]和[formControlName]指令的组合构建整个表单层次结构 . Detail :给定键值对建模为: { "key": string, "value": string } si... -
0 votesanswersviews
反应表单模式验证和表单数组验证?
对于反应式表单验证,我观察了许多教程和plunker链接,但我没有得到任何解决我的问题的网站 问题1:formgroup模式是 [aA-zZ0-9'-]$/)] (允许否,字符, - ,',空格特殊字符) export class AppComponent implements OnInit { private myForm: FormGroup; constructor(privat... -
0 votesanswersviews
反应式表单:如何将FormControl的引用传递给它的子进程,以便它可以注册一个值更改侦听器?
如果我使用模板驱动的表单,我可以将FormControl的引用注入"error-message"组件 . 请注意使用ngModel指令(请参阅this tutorial) . <input type="text" name="myFormControl" #myFormControl="ngModel" ngMo... -
1 votesanswersviews
Angular 4错误消息应该链接到无效的formControl
我使用以下内容 . 1)FormBuilder 2)FormControl 如果formControls输入,无线电等无效,我已创建错误摘要以显示表单提交上的所有错误 . 我想要做的是当用户点击错误消息时,他们应该将其带到无效的输入字段 . 我知道我能做到的几个方法是: <a href="formControlElementID">Error message... -
0 votesanswersviews
如何获得被动形式的下拉选择值
我试图在响应式表单提交时发送更改事件下拉列表的选定值 . 我有一个非常类似的场景,根据how to get selected value of radio in reactive form的答案为无线电工作 这是下拉列表的代码 <div class="row" *ngIf="question.controls.type.value === 'dropdown'&... -
-1 votesanswersviews
如何在angular4中显示隐藏按钮
我是角色的新手,所以我点击了一个编辑按钮,我需要显示两个按钮,即保存和取消按钮并隐藏编辑按钮 . 点击取消时,我只需要显示编辑按钮 . 我坚持通过角度和ngIF来切换它 . 这是我的按钮代码形式: <button id="editBtn" type="button" data-dismiss="modal" (click)=&quo... -
0 votesanswersviews
ngIf的角度4问题
我在组件模板中有一个搜索图标和一个搜索栏 . 以下是HTML代码段: <div class="fixed-action-btn horizontal click-to-toggle search" id="search"> <span class="menu-label"></span> <... -
-2 votesanswersviews
Angular 4表单验证和错误消息
我必须在我的应用程序中实现表单验证 . 我正在使用角度4.我的应用程序中还有10个表单 . 我不知道我的问题是否有效 . 我真的很困惑这个实现 . 我的问题:我需要在表单字段中添加验证,包括强制和验证,如电子邮件,电话号码等 . 如果用户输入表单,用户知道某些字段,用户可能不知道需要填写其他字段 . 但是需要保存有效字段并需要在表单中显示错误消息 . 我如何在前端实现我使用Angular 4和后端... -
0 votesanswersviews
如何在angular4中应用来自ts的反应形式的自定义指令?
我正在使用rective表单从组件构建自定义,遵循https://stackblitz.com/angular/ekboynmekgq?file=src%2Fapp%2Fdynamic-form-question.component.html给出的指导 对于验证消息我也在创建一个自定义组件,请参考https://plnkr.co/edit/km7nGR8DjyE4l6tH5JEC?p=previe... -
0 votesanswersviews
角度反应表单 - 带有标签问题的复选框
我需要向Reactive Forms动态添加带有标签的Checkbox . 我找到了许多FormArray和FormControls的解决方案,如:https://netbasal.com/handling-multiple-checkboxes-in-angular-forms-57eb8e846d21 在该示例中,作者创建了FormControl,其复选框仅包含单个布尔值: this.form... -
0 votesanswersviews
mat-error不会出现错误
我创建了一个Custom Validator方法,用于检查在数组中是否存在类型为mat-autocomplete的值 . 此方法返回{isExchange:true} . 我在另一个返回错误消息的方法中使用this.tradeForm.get('exchange') . hasError('isExchange') . 一切正常 . mat-aut-completed的一部分,在mat-form-... -
7 votesanswersviews
角度绑定对象,使用ngModels从组件到视图的数组
我试图在我的视图上绑定我的模型,但是当我提交表单时我遇到了问题:我没有数组,但有很多属性 . 零件 : export class QuizFormAddQuestionComponent implements OnInit { public question: Question; constructor() { this.question = new Questi... -
84 votesanswersviews
Angular4 - 表单控件没有值访问器
我对自己的表格有点疑惑 . 我做了一个自定义元素: <div formControlName="surveyType"> <div *ngFor="let type of surveyTypes" (click)="onSelectType(type)" [class.selected]=... -
0 votesanswersviews
具有动态内容的Ionic3 <ion-segment>将不会显示选定的CSS类
我正在使用Angular 4 Reactive Forms,使用"Ionic(3) native" UI组件,以及来自各种“nested reactive forms" blogs/tutorials”的技术来创建动态的多节数据输入应用程序 . 我想要一个可重用的分段控件组件,它接收 Headers 和一组选项(基于下拉选择),所以我不必创建多个几乎相同的子表单组件 ... -
1 votesanswersviews
为什么Angular FormControl在DOM中设置'disabled'而不是'required'?
我已将表单逻辑从模板移动到FormGroup和FormControl对象中 . 当我禁用FormControl Angular时,还会更新DOM中字段的 disabled 属性 . 但是,当我更新控件的验证器以包含/排除 Validators.required 时,不会在DOM中更新 required 属性 . 只是想知道为什么会这样?我需要两个设置,否则Angular Material不会使用'... -
1 votesanswersviews
如何在角度4中默认显示0.00,输入类型=“数字”?
我希望用户在数字类型的文本框中看到以下“0.00” . 这是我正在使用的以下HTML: - **<input type="number" class="form-control" min="0.00">[(ngModel)]="_vendorDetailsDTO.openingBalance" step=&... -
1 votesanswersviews
Reactive Form确认密码并确认Email Validator angular 4
我需要使用反应形式角4来检查密码和确认密码字段是否具有相同的值 . 我确实在这里看到了很多答案,Angular 4表格验证了重复密码,比较验证器中的字段和angular 4,但似乎没有一个对我有效 . 面对问题,如何结合确认电子邮件和确认密码验证器在被动方法 . 工作正常要么确认电子邮件或确认密码 . this.addEmpForm = new FormGroup({ 'name': ... -
0 votesanswersviews
触发value使用自定义标志从patchValue更改
当我在特定代码段中执行patchValue时,有一种方法可以在FormGroup的事件valueChanges中看到自定义标志? 恩 . 我必须在特定的代码片段中执行patchValue并且表单非常大,当我这样做时,有一些阶段值会更改,我想订阅并处理该信息,但我想将该特殊调用表格分类为patchValue . 有任何想法吗?提前致谢 .