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.
LA SITUATION: Aidez-moi! J'essaie de créer ce qui devrait être un formulaire très simple dans mon application Angular2, mais peu importe ce qui ne fonctionne jamais. VERSION ANGULAIRE: Angular 2.0.0 Rc5 L'ERREUR: Can't bind to 'formGroup' since it isn't a known property of 'form' LE CODE: La vue:...
Message d'erreur sur les peluches: src / app / detail / edit / edit.component.ts [111, 5]: les instructions for (... in ...) doivent être filtrées avec une instruction if Extrait de code (Il s'agit d'un code de travail. Il est également disponible dans la section de validation du formulaire...
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":...
Je travaille sur un formulaire de connexion et si l'utilisateur entre des informations d'identification non valides, nous voulons marquer les champs e-mail et mot de passe comme non valides et afficher un message indiquant que la connexion a échoué. Comment puis-je définir ces champs pour qu'ils ne...
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...
J'ai lu à propos de la nouvelle API de formulaires Angular2 et il semble qu'il existe deux approches sur les formulaires, l'une est les formulaires pilotés par modèle, l'autre est les formulaires réactifs ou pilotés par modèle. Je voudrais connaître la différence pratique entre les deux, non pas la...
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}"...
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),...
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...
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"...
Je n'arrive pas à corriger cette erreur. J'ai une barre de recherche et un ngFor. J'essaie de filtrer le tableau en utilisant un tuyau personnalisé comme celui-ci: import { Pipe, PipeTransform } from '@angular/core'; import { User } from '../user/user'; @Pipe({ name: 'usersPipe', pure: false })...
É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"...
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...
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...
J'ai donc un formulaire complexe pour créer une entité et je souhaite également l'utiliser pour l'édition. J'utilise une nouvelle API de formulaires angulaires. J'ai structuré le formulaire exactement comme les données que je récupère de la base de données, je veux donc définir la valeur de...
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...
Après la mise à niveau vers RC5, nous avons commencé à recevoir cette erreur: 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...
J'ai un simple composant angulaire 2 avec un modèle. Comment effacer le formulaire et tous les champs après l'envoi?. Je ne peux pas recharger la page. Après avoir défini les données avec le date.setValue('')champ est toujours touched. import {Component} from 'angular2/core'; import...
J'ai un tableau de formulaires dans un formbuilder et je change dynamiquement les formulaires, c'est-à-dire en cliquant sur les données de chargement de l'application 1, etc. Le problème que je rencontre est que toutes les données se chargent mais que les données du formarray restent et concatent...