Tag: angular2forms

Angular2中的通用邮件validation器: 我想创build一个表单，用户将input他的邮件。我想validation邮件格式的客户端。 Angular2中有没有通用的邮件validation器？ NB：类似于angularjsvalidation器的东西： https ：//docs.angularjs.org/api/ng/input/input%5Bemail%5D

Angular 2：不能绑定到'ngModel'，因为它不是'input'的已知属性: 我正在尝试在Angular 2中实现dynamic表单。我已经为dynamic表单添加了“删除”和“取消”等附加function。我已经按照这个文档： https ： //angular.io/docs/ts/latest/cookbook/dynamic-form.html 我对代码做了一些修改。我在这里得到错误。我如何使这个错误去？你可以在这里find完整的代码： http ://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=preview，这是在plunker中工作，但不是在我的本地系统。 Html代码： <div> <form [formGroup]="form"> <div *ngFor="let question of questions" class="form-row"> <label [attr.for]="question.key">{{question.label}}</label> <div [ngSwitch]="question.controlType"> <input *ngSwitchCase="'textbox'" [formControlName]="question.key" [id]="question.key" [type]="question.type" [(ngModel)]="question.value"> <select [id]="question.key" [(ngModel)]="question.value" *ngSwitchCase="'dropdown'" [formControlName]="question.key" > <option *ngFor="let opt of question.options" [ngValue]="opt.key" >{{opt.value}}</option> </select> <input *ngSwitchCase="'checkbox'" [(ngModel)]="question.value" [id]="question.key" [type]="question.type" (change)="question.value = ck.checked" #ck […]

无法绑定到“formGroup”，因为它不是“form”的已知属性: 情况：请帮忙！我正在尝试在我的Angular2应用程序中创build一个非常简单的表单，但不pipe它从未工作。 angular度版本： Angular 2.0.0 Rc5 错误： Can't bind to 'formGroup' since it isn't a known property of 'form' 代码：风景： <form [formGroup]="newTaskForm" (submit)="createNewTask()"> <div class="form-group"> <label for="name">Name</label> <input type="text" name="name" required> </div> <button type="submit" class="btn btn-default">Submit</button> </form> 控制器： import { Component } from '@angular/core'; import { FormGroup, FormControl, Validators, FormBuilder } from '@angular/forms'; […]

使用Angular2将file upload到Rest API: 实际上，我正在使用angular度为2的接口编写Spring API REST。我的问题是我无法上传angular度为2的文件。我在Java中的Webresources是： @RequestMapping(method = RequestMethod.POST, value = "/upload") public String handleFileUpload(@RequestParam MultipartFile file) { //Dosomething } 当我通过URL请求与Auth头等呼叫它时，它是完全正常工作…（与先进的rest客户端扩展为Chrome） certificate:(在这种情况下一切正常）我加了 <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver" /> Springconfiguration文件和POM依赖 <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.2</version> </dependency> 但是当我尝试用webform做同样的事情时： <input type="file" #files (change)="change(files)"/> <pre>{{fileContents$|async}}</pre> 使用（更改）方法： change(file) { let formData = new FormData(); formData.append("file", file); console.log(formData); let headers = new Headers({ 'Authorization': […]

如何在Angular2中上传文件: 我必须随图像一起提交表单。我试过这个代码（有多种方式），但没有为我工作。有没有人有工作演示file upload使用angular2请帮助我。 component.html <form class="form-horizontal" role="form" > <div class="form-group"> <label class="control-label col-sm-4" for="myname" style="">Name<span class="asterisk">*</span></label> <div class="col-sm-7"> <div> <input type="text" class="form-control" id="myname" [(ngModel)]="myfile.name"> </div> </div> </div> <div class="form-group"> <label class="control-label col-sm-4" for="myimage">Image</label> <div class="col-sm-7"> <div> <input type="file" (change)="fileChangeEvent($event)" placeholder="Upload file…" /> </div> </div> </div> <div class="form-group"> <div class="text-center"> <button type="button" (click)="upload()">Upload</button> </div> </div> […]