«angular2-forms» 태그된 질문

그 상황: 도와주세요! Angular2 앱에서 매우 간단한 형식으로 만들려고하지만 작동하지 않는 방식에 관계없이 무엇입니까? 앵귤러 버전 : 각도 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 …

805 angular  typescript  angular2-forms 

보푸라기 오류 메시지 : src / app / detail / edit / edit.component.ts [111, 5] : for (... in ...) 문은 if 문으로 필터링해야합니다 코드 스 니펫 (작동 코드이며 angular.io 양식 유효성 검사 섹션 에서도 사용할 수 있습니다 ) : for (const field in this.formErrors) { // clear previous error …

229 angular  angular2-forms  angular-cli  tslint 

TypeScript의 Angular2 양식 프레임 워크를 사용하는 동안이 오류가 계속 발생합니다. directive"exportAs"가 "ngForm"으로 설정되어 있지 않습니다 여기 내 코드가 있습니다 프로젝트 의존성 : "dependencies": { "@angular/common": "2.0.0-rc.6", "@angular/compiler": "2.0.0-rc.6", "@angular/core": "2.0.0-rc.6", "@angular/forms": "2.0.0-rc.6", "@angular/http": "2.0.0-rc.6", "@angular/platform-browser": "2.0.0-rc.6", "@angular/platform-browser-dynamic": "2.0.0-rc.6", "@angular/router": "3.0.0-rc.2", "ng2-bootstrap": "^1.1.1", "reflect-metadata": "^0.1.8", "core-js": "^2.4.0", "es6-module-loader": "^0.17.8", "rxjs": "5.0.0-beta.11", …

226 angular  typescript  forms  angular2-forms 

로그인 양식을 작성 중이며 사용자가 유효하지 않은 자격 증명을 입력하면 이메일 및 비밀번호 필드를 모두 유효하지 않은 것으로 표시하고 로그인이 실패했다는 메시지를 표시하려고합니다. 이러한 필드를 관찰 가능한 콜백에서 유효하지 않게 설정하려면 어떻게해야합니까? 주형: <form #loginForm="ngForm" (ngSubmit)="login(loginForm)" id="loginForm"> <div class="login-content" fxLayout="column" fxLayoutAlign="start stretch"> <md-input-container> <input mdInput placeholder="Email" type="email" name="email" required [(ngModel)]="email"> …

190 validation  angular  angular2-forms 

Angular 2에서 동적 양식을 구현하려고합니다. 동적 양식에 삭제 및 취소와 같은 추가 기능을 추가했습니다. https://angular.io/docs/ts/latest/cookbook/dynamic-form.html 설명서를 따랐습니다. 코드를 약간 변경했습니다. 여기에 오류가 있습니다. 이 오류는 어떻게합니까? http://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=preview 에서 전체 코드를 찾을 수 있습니다.이 코드 는 plunker에서 작동하지만 로컬 시스템에서는 작동하지 않습니다. HTML 코드 : <div> <form [formGroup]="form"> <div *ngFor="let question …

178 forms  angular  angular2-template  angular2-forms 

Angular2의 새로운 Forms API에 대해 읽었으며 양식에 두 가지 접근 방식이있는 것 같습니다. 하나는 템플릿 기반 양식이고 다른 하나는 반응 형 또는 모델 기반 양식입니다. 구문의 차이 (명백하게)가 아니라 실용적인 용도와 다른 시나리오에서 더 많은 이점이있는 두 가지의 실제 차이점을 알고 싶습니다. 또한 하나를 선택하면 성능이 향상됩니까? 그렇다면, 왜?

157 angular  angular2-forms 

angular2 에서 [disable]속성이 있는 버튼을 비활성화 할 수 있다는 것을 알고 있습니다 . 예를 들면 다음과 같습니다. <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> 하지만 [ngClass]또는 사용하여 할 수 [ngStyle]있습니까? 이렇게 : <button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button> 감사.

113 html  angular  angular2-template  angular2-forms 

Angular 2 반응 양식에서 컨트롤을 비활성화하면 컨트롤이 form.value에 포함되지 않는다는 것을 알았습니다. 예를 들어 다음과 같이 내 양식을 정의하면 : this.notelinkingForm = new FormGroup({ Enabled: new FormControl(settings.Enabled, Validators.required), LinkToPreceeding: new FormControl({value: settings.LinkToPreceeding, disabled: !settings.Enabled}, Validators.required), LinkingTolerance: new FormControl({value: settings.LinkingTolerance, disabled: !settings.Enabled}, Validators.required) }); this.notelinkingForm.value를 확인하고 모든 컨트롤이 활성화 된 경우 …

113 angular  angular2-forms 

나는 RC4에 있고 내 템플릿 때문에 "exportAs"가 "ngForm"으로 설정된 지시문이 없습니다 . 오류 가 발생합니다 . <div class="form-group"> <label for="actionType">Action Type</label> <select ngControl="actionType" ===> #actionType="ngForm" id="actionType" class="form-control" required> <option value=""></option> <option *ngFor="let actionType of actionTypes" value="{{ actionType.label }}"> {{ actionType.label }} </option> </select> </div> boot.ts : import {disableDeprecatedForms, provideForms} from …

109 angular  typescript  angular2-forms 

재료 2를 사용하여 md-raised-button. 특정 조건이 충족되는 경우에만이 지침을 적용하고 싶습니다. 예를 들면 : <button md-raised-button="true"></button> 또 다른 예 : 플 런커에서 기본 동적 반응 형을 만들었습니다. formArrayName컨트롤 배열에 반응 형 지시문을 사용 하고 있습니다. formArrayName특정 조건이 참인 경우에만 지시문 을 적용하고 , 그렇지 않으면 formArrayName지시문을 추가하지 않습니다 . 여기에 …

109 angular  angular-material  angular2-forms  angular2-directives  angular-material2 

이 오류를 수정할 수없는 것 같습니다. 검색 창과 ngFor가 있습니다. 다음과 같은 사용자 지정 파이프를 사용하여 배열을 필터링하려고합니다. import { Pipe, PipeTransform } from '@angular/core'; import { User } from '../user/user'; @Pipe({ name: 'usersPipe', pure: false }) export class UsersPipe implements PipeTransform { transform(users: User [], searchTerm: string) { return …

105 angular  angular2-forms  angular2-pipe 

동일한에 바인딩 된 확인란 목록이 주어 졌을 때 단순히 /가 아닌에 formControlName바인딩 된 확인란 값 배열을 어떻게 생성 할 수 있습니까?formControltruefalse 예: <form [formGroup]="checkboxGroup"> <input type="checkbox" id="checkbox-1" value="value-1" formControlName="myValues" /> <input type="checkbox" id="checkbox-2" value="value-2" formControlName="myValues" /> <input type="checkbox" id="checkbox-3" value="value-2" formControlName="myValues" /> </form> checkboxGroup.controls['myValues'].value 현재 생산 : true or false …

104 javascript  angular  checkbox  angular2-forms 

내가 사용하고 ReactiveFormsModule양식을 포함하는 구성 요소를 만들 수 Angular2의. 내 코드는 다음과 같습니다. foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (사용 [formControl]) : <div class="fields"> <div class="field"> <label>Fullname*</label> <input type="text" [formControl]="myForm.controls.fullname"/> </div> </div> <div class="inline fields"> <label for="gender">Gender</label> <div class="field"> <div …

99 angular  radio-button  angular2-forms  form-control  angular2-formbuilder 

내 구성 요소에서 formArray를 반복하려고하는데 다음 오류가 발생합니다. Error: Cannot find control with unspecified name attribute 내 클래스 파일의 논리는 다음과 같습니다. export class AreasFormComponent implements OnInit { public initialState: any; public areasForm: FormGroup; constructor(private fb: FormBuilder) { } private area(): any { return this.fb.group({ name: ['', [Validators.required]], latLong: ['', …

92 loops  angular  angular2-forms 

FormGroup : FormGroup는 키 각 컨트롤의 이름으로, 하나의 객체로 각 자식 FormControl의 값을 집계합니다. const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew') }); FormArray : FormArray는 배열로 각 하위 FormControl의 값을 집계. const arr = new FormArray([ new FormControl('Nancy', Validators.minLength(2)), new FormControl('Drew') ]); 하나는 언제 다른 …

91 angular  angular2-forms  angular-reactive-forms