Questions marquées «angular2-forms»

Une forme angulaire est une collection de contrôles d'entrée de données. Utilisez cette balise pour les questions relatives aux formulaires pilotés par modèle et réactifs, notamment NgForm, FormGroup, FormControl, AbstractControl, FormBuilder et Validators, ainsi que la liaison de données entre les formulaires et les composants.

21
Erreur de structure angulaire de TypeScript - «Il n'y a pas de directive avec exportAs défini sur ngForm»
Je continue à recevoir cette erreur lors de l'utilisation du framework Angular2-forms de TypeScript: Il n'y a pas directivede "exportAs" réglé sur "ngForm" Voici mon code dépendances du projet: "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": …
14
Angular 2: Impossible de se lier à 'ngModel' car ce n'est pas une propriété connue de 'input'
J'essaye d'implémenter des formulaires dynamiques dans Angular 2. J'ai ajouté des fonctionnalités supplémentaires comme Supprimer et Annuler aux formulaires dynamiques. J'ai suivi cette documentation: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html J'ai apporté quelques modifications au code. Je reçois une erreur ici. Comment faire disparaître cette erreur? Vous pouvez trouver le code complet ici: http://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=preview , …
10
Bouton de désactivation Angular2
Je sais que dans angular2 je peux désactiver un bouton avec l' [disable]attribut, par exemple: <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> mais puis-je le faire en utilisant [ngClass]ou [ngStyle]? Ainsi: <button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button> Merci.
4
Les contrôles désactivés angulaires 2 ne sont pas inclus dans le formulaire.
J'ai remarqué que si je désactive un contrôle sur un formulaire réactif Angular 2, le contrôle n'est pas inclus dans le form.value. Par exemple, si je définis mon formulaire comme ci-dessous: 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, …
14
Appliquer une directive sous condition
J'utilise le matériau 2 pour ajouter md-raised-button. Je ne veux appliquer cette directive que si certaines conditions deviennent vraies. Par exemple: <button md-raised-button="true"></button> Autre exemple: j'ai créé une forme réactive dynamique de base dans plunker. J'utilise une formArrayNamedirective de forme réactive pour un tableau de contrôles. Je veux appliquer la …
11
Erreur Angular2: il n'y a pas de directive avec «exportAs» défini sur «ngForm»
Je suis sur le RC4 et j'obtiens l'erreur Il n'y a pas de directive avec "exportAs" réglé sur "ngForm" à cause de mon modèle: <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> …
12
Angular ReactiveForms: Produire un tableau de valeurs de case à cocher?
Étant donné une liste de cases à cocher liées à la même chose formControlName, comment puis-je produire un tableau de valeurs de case à cocher liées au formControl, plutôt que simplement true/ false? Exemple: <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" …
5
Quelle est la différence entre formControlName et FormControl?
J'utilise ReactiveFormsModuleAngular2 pour créer un composant contenant un formulaire. Voici mon code: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (avec [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 …
8
Angular 2 Impossible de trouver le contrôle avec un attribut de nom non spécifié sur formArrays
J'essaie d'itérer sur un formArray dans mon composant mais j'obtiens l'erreur suivante Error: Cannot find control with unspecified name attribute Voici à quoi ressemble la logique sur mon fichier de classe export class AreasFormComponent implements OnInit { public initialState: any; public areasForm: FormGroup; constructor(private fb: FormBuilder) { } private area(): …
4
Quand utiliser FormGroup contre FormArray?
FormGroup : Un FormGroup regroupe les valeurs de chaque FormControl enfant en un seul objet, avec chaque nom de contrôle comme clé. const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew') }); FormArray : Un FormArray agrège les valeurs de chaque FormControl enfant dans un tableau. const …
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.