«angular2-forms» etiketlenmiş sorular

DURUM: Lütfen yardım et! Angular2 uygulamamda çok basit bir form olması gerekeni yapmaya çalışıyorum ama ne işe yaramıyor olursa olsun. AÇILI VERSİYON: Açısal 2.0.0 Rc5 HATA: Can't bind to 'formGroup' since it isn't a known property of 'form' KOD: Görünüm: <form [formGroup]="newTaskForm" (submit)="createNewTask()"> <div class="form-group"> <label for="name">Name</label> <input type="text" name="name" …

806 angular  typescript  angular2-forms 

Tiftik hata mesajı: src / app / detail / edit / edit.component.ts [111, 5]: for (... in ...) ifadeleri bir if ifadesiyle filtrelenmelidir Kod snippet'i (Bu bir çalışma kodudur. Angular.io form doğrulama bölümünde de mevcuttur ): for (const field in this.formErrors) { // clear previous error message (if any) this.formErrors[field] …

229 angular  angular2-forms  angular-cli  tslint 

TypeScript'in Angular2-form framework kullanırken bu hatayı almaya devam: Hiçbir yoktur directive"ngForm" den "exportAs" seti ile İşte kodum proje bağımlılıkları: "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", "systemjs": "0.19.27", "zone.js": …

227 angular  typescript  forms  angular2-forms 

Bir giriş formu üzerinde çalışıyorum ve kullanıcı geçersiz kimlik bilgileri girerse, hem e-posta hem de parola alanlarını geçersiz olarak işaretlemek ve oturum açma işleminin başarısız olduğunu belirten bir ileti görüntülemek istiyoruz. Bu alanları gözlemlenebilir bir geri aramadan geçersiz olacak şekilde nasıl ayarlayabilirim? Şablon: <form #loginForm="ngForm" (ngSubmit)="login(loginForm)" id="loginForm"> <div class="login-content" fxLayout="column" …

190 validation  angular  angular2-forms 

Açısal 2'de Dinamik Formlar uygulamaya çalışıyorum. Dinamik formlara Sil ve İptal gibi ek işlevler ekledim. Bu belgeleri izledim: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Kodda bazı değişiklikler yaptım. Burada hata alıyorum. Bu hatayı nasıl yapabilirim? Kodun tamamını burada bulabilirsiniz: http://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=preview , dalgıçta çalışıyor, ancak yerel sistemimde değil. HTML Kodu: <div> <form [formGroup]="form"> <div *ngFor="let question …

178 forms  angular  angular2-template  angular2-forms 

Angular2 new Forms API hakkında okudum ve formlar üzerinde iki yaklaşım var gibi görünüyor, biri Şablon odaklı formlar diğer reaktif veya model odaklı formlar. İkisi arasındaki pratik farkı bilmek istiyorum, sözdizimindeki farkı (açıkçası) değil, pratik kullanımları ve hangi yaklaşımların farklı senaryolarda daha fazla fayda sağladığını bilmek istiyorum. Ayrıca, birini diğerinden …

157 angular  angular2-forms 

Angular2'de[disable] özniteliğe sahip bir düğmeyi devre dışı bırakabileceğimi biliyorum, örneğin: <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> ama kullanarak bunu yapabilirsiniz [ngClass]veya [ngStyle]? Şöyle: <button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button> Teşekkürler.

113 html  angular  angular2-template  angular2-forms 

Bir Angular 2 reaktif formundaki bir kontrolü devre dışı bırakırsam, kontrolün form.value'ya dahil edilmediğini fark ettim. Örneğin formumu aşağıdaki gibi tanımlarsam: 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) }); ve this.notelinkingForm.value değerini kontrol edin, tüm …

113 angular  angular2-forms 

Eklemek için Materyal 2 kullanıyorum md-raised-button . Bu yönergeyi yalnızca belirli koşullar gerçekleştiğinde uygulamak istiyorum. Örneğin: <button md-raised-button="true"></button> Başka bir örnek: Plunker'da temel bir dinamik reaktif form oluşturdum. formArrayNameDenetim dizisi için reaktif form yönergesini kullanıyorum . formArrayNameYönergeyi yalnızca belirli bir koşul doğru olduğunda uygulamak istiyorum , aksi takdirde eklemeyinformArrayName yönerge …

112 angular  angular-material  angular2-forms  angular2-directives  angular-material2 

RC4'teyim ve hatayı alıyorum Şablonum nedeniyle "exportAs" "ngForm" olarak ayarlanmış bir yönerge yok : <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 '@angular/forms'; import {bootstrap} …

109 angular  typescript  angular2-forms 

Aynı şekilde bağlanmış onay kutularının bir listesi verildiğinde , basitçe / yerine formControlNameöğesine bağlı bir onay kutusu değerleri dizisini nasıl üretebilirim ?formControltruefalse Misal: <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 şu anda üretir: true or …

109 javascript  angular  checkbox  angular2-forms 

Bu hatayı düzeltemiyorum. Bir arama çubuğum ve bir ngFor'm var. Şunun gibi özel bir boru kullanarak diziyi filtrelemeye çalışıyorum: 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) { …

105 angular  angular2-forms  angular2-pipe 

ReactiveFormsModuleForm içeren bir bileşen oluşturmak için Angular2 kullanıyorum . İşte kodum: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (ile [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 class="ui radio checkbox"> …

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

RC5'e yükselttikten sonra şu hatayı almaya başladık: ngModel cannot be used to register form controls with a parent formGroup directive. Try using formGroup's partner directive "formControlName" instead. Example: <div [formGroup]="myGroup"> <input formControlName="firstName"> </div> In your class: this.myGroup = new FormGroup({ firstName: new FormControl() }); Or, if you'd like to avoid …

93 angular  angular2-forms  angular2-formbuilder 

Bileşenimdeki bir formArray üzerinde yinelemeye çalışıyorum ancak aşağıdaki hatayı alıyorum Error: Cannot find control with unspecified name attribute Sınıf dosyamdaki mantık şöyle görünüyor 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