0
votes

Créer et remplir le formarray réactif angulaire 10

mise à jour: je pense que je me rapproche de plus près. C'est ce que j'ai maintenant: xxx pré>

mais je ne peux pas sembler lier les valeurs de mon tableau dans la matrice de formulaire. P>

message original ci-dessous cette ligne h2>

J'ai besoin de boucler un objet / une matrice et créez zéro ou plus de champs d'entrée avec des étiquettes. L'objet que je veux lier la matrice de forme réactive à comporter des propriétés d'étiquette et de valeur (entre autres). Je me sens comme si je suis proche, mais je reçois ce message d'erreur: P>

Erreur d'erreur: Impossible de trouver le contrôle avec le chemin: "DoucedongProperties -> 0 -> Valeur" P> P> P> P> P> P> P> xxx pré>

Voici comment j'essaie de remplir la matrice de formulaire: p> xxx pré>

C'est l'objet que je lie et essaye de construire Formez des champs de: P>

export class CustomSongProperty {
  id: number;
  userId: number;
  songPropertyDataTypeId: number;
  songPropertyDataTypeName: string | null;
  label: string | null;
  songId: number;
  value: string | null;
}

angular angular-reactive-forms

0 commentaires

3 Réponses :

0
votes

Je pense, il est préférable d'utiliser Formgroup dans ce cas, vous pouvez utiliser des noms de champs pour générer des commandes et créer de former groupe, et dans le modèle, vous pouvez simplement passer via une matrice et afficher les entrées:

composant: > xxx

modèle: xxx

Code de l'exemple

1 commentaires

Merci, je pense que je n'étais peut-être pas clair. Il y aura une gamme de citrouillesGroperties et le seul domaine à rendu pour que l'utilisateur contribue à l'utilisateur est la propriété «Value» de chaque quasi-douaneProperty.

0
votes

dans la définition de classe TS: xxx pré>

dans ncontinit: p> xxx pré>

in composant HTML: p> xxx

in OnSubmit: P>

this.data.customSongProperties = this.songEditForm.value.customSongProperties;

0 commentaires

1
votes

Jason, vous pouvez créer un formeloppe de FRONTROLS ou un formicateur de groupes de formes (si les éléments de la matrice de formulaire ont une propriété unique ou sont des objets). par exemple xxx pré>

avec un formeloppe de formariags que vous utilisez p> xxx pré>

mais dans votre cas, vous avez un formicateur de groupes de formes, donc le .html doit donc Soyez P>

   //to create the form songEditForm
   this.songEditForm=this.getSongFormGroup()

   //to add a new element of the formArray
   this.customSongProperties.push(this.getCustomSongPropertiesFormGroup())

0 commentaires