-
2 votesanswersviews
Angular2在仪表板上显示用户名和详细信息
我正在学习angular2 / 4并尝试使用用户名和密码创建登录页面 . 我有两个组件LoginComponent和DashboardComponent . 当用户输入用户名和密码时，仪表板应显示欢迎用户名消息（例如"Welcome ABC"） . 我能够创建登录页面，但不确定如何处理问题的第二部分，即仪表板应该向我显示登录的用户 . 我按照下面的stackoverflow“D... -
4 votesanswersviews
Angular2 - Multiselect和Checkboxes - 仅提交最新选定的值
我有一个简单的表单，有不同类型的字段 . 在提交表单时，我只打印提交的值 . 对于一些字段看起来很好，但是对于多选和复选框字段它没有预期的效果 . 对于多选和复选框，仅打印最新选定的值 . 相反，我想要一个数组 . 有关如何做到这一点的任何建议？ 另外，对于文件附件字段，如何将文件列表添加到原始对象（使用FormBuilder和ControlGroup创建）以及其余字段值？ this.Sample... -
20 votesanswersviews
Angular2更新表单控件值
我在使用控件和选择框构建动态angular2表单时遇到问题，例如plunker： <select class="form-control" ngControl="power"> <option *ngFor="#p of powers" [value]="p">{{p}}</o... -
36 votesanswersviews
Angular2嵌套模板驱动表单
这只是疯狂，看起来没有办法让一个表单中的一个输入在子组件中 . 我已阅读所有博客和教程以及所有内容，无法解决这个问题 . 问题是当子组件将具有任何类型的表单指令（ngModel，ngModelGroup或其他......）时，它将无法工作 . This is only a problem in template driven forms 这是plunker： import { Component ... -
0 votesanswersviews
使用提交的值重置Angular2表单
如何使用提交的数据重置Angular2表单，当我使用 this.form.reset() 时，表单会使用初始值更新，我想用提交的值重置它，以便用户有机会修改某些输入而无需重新输入所有值 . 我正在使用Angular 2.2.0 . -
4 votesanswersviews
处理复选框Angular2上的更改
我有复选框，我想使用 (change) . 默认为"checked"，但点击后我想要清除输入文本"Activation key" . 重新检查后，我想生成guid并再次添加到输入 . 如果选中或不选中复选框怎么办？ <div class="checkbox"> <label> <inp... -
3 votesanswersviews
如何在angular2中以反应形式存储多个复选框值？
我正在处理angular2应用程序，并在表单字段中存储多个复选框的值时遇到问题 . 输入脚本 form : FormGroup; cities = ["Mohali", "Chandigarh", "Ludhiana", "Amritsar"]; zip_codes = ["282001", &qu... -
0 votesanswersviews
无法将隐藏的输入值从Angular传递给PHP
我创建了一个表单，我希望用户可以选择他们想要的房间等等 . 如果我将其作为下拉列表或作为输入类型输入信息，则通过PHP通过电子邮件提交 . 但是，如果我将输入类型更改为“隐藏”，则该值将完全消失，我在控制台中看到的是： <input _ngcontent-c4 name="room" type="hidden" value class="ng... -
2 votesanswersviews
Angular 2形成OnPush
我正在编写一个角度2的应用程序，我尝试在任何地方使用ChangeDetectionStrategy.OnPush，出于性能原因 . 我有一个复杂的组件，需要OnPush才能顺利工作，其中包含另一个显示表单的组件（使用FormBuilder创建） . 我现在注意到，当我点击一个滑块时，它的内部值会更新（即form.value），但滑块组件不会显示这个新值，即它会卡在旧位置 . 我解决这个问题的第一个... -
-1 votesanswersviews
Angular 6验证子组件并在从父组件单击按钮时显示内联错误消息
我有一个父组件和一个子组件 . 我想验证并在从父组件单击按钮时在子组件字段中显示内联错误消息 . 这是stackblitz网址：https://stackblitz.com/edit/angular-6-reactive-form-validation-vo1axj 谢谢SJT -
2 votesanswersviews
Angular 2嵌套表单组包含空值
我正在使用Angular 2 beta“FormBuilder”的嵌套表单组结构，对于我的生活，我无法将值放入嵌套表单组中 . 这很奇怪，因为绑定工作得很好 . 我可以向表单发送“用户”对象，它会填写用户及其地址的所有值 . 但是当发送表单值（例如，发送到HttpPost）时，它看起来就像下面的对象... FWIW I 'm following Mosh Hamedani'在Udemy上的优秀An... -
8 votesanswersviews
Angular 2 - 形式组组件
我正在尝试构建一个数据驱动的表单，输入来自另一个组件，如下所示： <form [formGroup]="signupForm" (ngSubmit)="onSubmit()"> <app-form-group [name]="name"></app-form-group> <app... -
23 votesanswersviews
Angular 2：包含子组件的表单
我有一个组件，它在表单中有一个表单和一些子组件 . 使用 *ngFor 创建子组件，每个子组件包含 input 元素 . Angular2编译器给出的错误如[formGroup]未定义 . 这个实现是否正确？ 父组件： <section class="data-body"> <form [formGroup]="checkoutFo... -
15 votesanswersviews
Angular2 patchValue将值推入数组
它看起来像Angular2的FormGroup.patchValue()不会将新元素推入数组 . 例如这样的事情： ngOnInit() { this.form = this.formBuilder.group({ animal: [''], school: this.formBuilder.group({ name: [''], ... -
1 votesanswersviews
Angular2：嵌套表单组
我创建了这个表单： this.cardForm = this.fb.group({ number: ['', Validators.compose([Validators.required, this.validateCardNumber])], holderName: ['', Validators.required], expiry: this.fb.group({ ... -
0 votesanswersviews
Angular 2 Reactive形成patchValue下拉列表
我遇到了一些选择多个下拉列表的麻烦 . 我可以选择多个值并将它们保存到内存api中 . 唯一的问题是当我想编辑项目并填充所选项目时 . 我有一个工作的plnkr here . 该组件是app / trip / trip-creation.component.ts 这是我的HTML： <select formControlName="user" multiple> ... -
0 votesanswersviews
打开页面时，Clarity Wizard不会打开
因此，我有一个带有提交按钮的登录页面，只要用户名和密码正确就会加载新页面 . 这工作正常，但在下一页我想要一个向导弹出 . 我正在使用 Angular VMWare Clarity . 问题是，如果我把： <button [disabled]="loading" class="btn btn-primary" (click)="wiza... -
47 votesanswersviews
如何在Angular 2中提交后清除表单？
我有一些简单的角度2组件与模板 . 提交后如何清除表格和所有字段？我无法重新加载页面 . 使用 date.setValue('') 字段设置数据后，stil touched . import {Component} from 'angular2/core'; import {FORM_DIRECTIVES, FormBuilder, ControlGroup, Validators, Cont... -
47 votesanswersviews
Angular 2 - 在下拉列表中设置选定值
我在Angular 2的下拉列表中预先选择值时遇到了问题 . 我在组件中设置了一组颜色，我成功绑定到下拉列表 . 我遇到的问题是在页面init上预先选择一个值 . [selected]="car.color.id == x.id" 行应该选择已在汽车模型 this.car.color = new Colour(-1,''); 上设置的值，但这只适用于我将汽车颜色ID设置为列表中... -
0 votesanswersviews
选择中的Angular 2更改选项
我有2个选择： <form name="newDocumentForm"> <label for="companySelect"> Company: </label> <select name="companySelect" id="companySelect" [(ngMod... -
0 votesanswersviews
需要双击以使用Angular 4中的NgForm重置表单
我在第一次点击时将此表单重置为提交时遇到了一些麻烦 . 在第二次点击它完全提交，但发送另一封电子邮件与nodemailer，我不明显 . （我正在使用NgForm进行澄清） export class ContactFormComponent implements OnInit { message: Message; number: number; email: string; ... -
1 votesanswersviews
如果在没有“香蕉”包装的情况下使用，ngModel会创建双向数据绑定
In this article Todd Motto解释说： ngModel =如果没有分配绑定或值，ngModel将查找name属性并将该值作为新的Object键分配给全局ngForm对象：<form novalidate #f =“ngForm”>...<输入类型=“文本”placeholder =“你的全名”ngModel>...</ FORM> 关于... -
24 votesanswersviews
以反应形式进行双向绑定
使用Angular 2，双向绑定在模板驱动的表单中很容易 - 您只需使用香蕉盒语法 . 您将如何以模型驱动的形式复制此行为？ 例如，这是标准的反应形式 . 让我们假装它看起来比它看起来复杂得多，有很多种不同的输入和业务逻辑，因此比模板驱动的方法更适合模型驱动的方法 . export class ExampleModel { public name: string; // ... l... -
1 votesanswersviews
如何使用动态输入字段在组件中设置数据？ （Angular 2）
我有一个包含3个字段的页面，我在计算人员BMI . 我有三个输入字段：weight，height和bmi，用户可以在其中输入高度和重量输入字段，并自动计算BMI . 我有一个连接到我的身高和体重字段的ngModel，这可以在我在我的组件中创建的模型中正确保存数据： <input [(ngModel)]="masterdataModel.weight" name="... -
0 votesanswersviews
从API调用设置默认表单值
当我尝试在ngOnInit方法中启动表单控件值时出现以下错误： Error formGroup expects a FormGroup instance. Please pass one in. Method ngOnInit() { this.getBusinessData().then((response:any) => { this.businessForm ... -
0 votesanswersviews
反应表单模式验证和表单数组验证？
对于反应式表单验证，我观察了许多教程和plunker链接，但我没有得到任何解决我的问题的网站 问题1：formgroup模式是 [aA-zZ0-9'-]$/)] （允许否，字符， - ，'，空格特殊字符） export class AppComponent implements OnInit { private myForm: FormGroup; constructor(privat... -
0 votesanswersviews
是否可以在Angular2中将FormGroups嵌套在彼此中？
我想定义一个由FormControls和FormGroups组成的表单 . 但是，如果我添加optionalInputGroup，我会收到以下错误： TypeError：this.form._updateTreeValidity不是FormGroupDirective.ngOnChanges（http：// localhost：8100 / build /）中FormGroupDirective... -
2 votesanswersviews
在RC6中升级到@ angular / forms
我一直在推迟从已弃用的表单api到@ angular / forms中的新表单api的升级 . 我刚刚升级到RC6，现在也想开始使用@ angular / forms . 此时文档非常稀缺，而且我很快陷入困境 . 这就是我的工作表格： <form [ngFormModel]="registrationForm" (ngSubmit)="register(regi... -
1 votesanswersviews
Angular 4错误消息应该链接到无效的formControl
我使用以下内容 . 1）FormBuilder 2）FormControl 如果formControls输入，无线电等无效，我已创建错误摘要以显示表单提交上的所有错误 . 我想要做的是当用户点击错误消息时，他们应该将其带到无效的输入字段 . 我知道我能做到的几个方法是： <a href="formControlElementID">Error message... -
9 votesanswersviews
添加/删除反应式表单验证器以动态创建输入
我在Angular 4中创建了一个表单，允许用户单击表单中的ADD或REMOVE按钮向表单添加/删除字段 . 我使用ngFor从一个数组创建屏幕上的html输入（由add函数放大，或者由remove函数缩小） . 在html模板中，我可以以formControlName =“control {}”的形式添加formControlName，以确保每个新输入都有一个formcontrol . 但是我如...