0
votes

Angulaire, comment appuyer sur ID sur un objet pour chaque ligne avec Formuilder

Je ne peux pas pousser ID à un objet pour chaque rangée avec Formuilder. Donc, ceci est ma forme xxx

ma ligne xxx

et je pousse mon objet à matry comme de cette façon < PRE> XXX

Donc, ma question est, comment appuyer sur une carte d'identité unique pour chaque ligne à objecter, puis le montrer en HTML avec la commande {{personne.id}} et e-mail. J'utilise angulaire 8. Merci d'avance.


0 commentaires

3 Réponses :


0
votes

in Onsubmit Vous pouvez générer une carte d'identité unique et l'affecter à l'objet Personal, puis appelle addotosers et appuyez sur le tableau


0 commentaires

0
votes

générer un identifiant unique à l'aide de la fonction ou de la date aléatoire.

addToUsers(person) {
    person = JSON.parse(JSON.stringify(person));
    person.id = new Date().getTime();
    this.persons.push(person);
  }


3 commentaires

Essayé et maintenant chaque ligne a le même identifiant et les modifications à chaque clic, lors de l'ajout d'un nouvel objet.


même problème dans ce lien. Toutes les lignes ont la même pièce d'identité et lorsque j'ajoute une nouvelle, chaque ligne change d'identification et c'est la même chose pour toutes les lignes.


Il montrait le même identifiant en raison de la même référence de l'objet avec la forme. Soit réinitialiser le formulaire - this.add.reeset Après avoir ajouté ligne ou modifier la référence en utilisant json.parse (json.stringify (personne) .



0
votes

Dans votre élément de formulaire, utilisez la liaison officielle NgSubmit si possible, voici les avantages quant à pourquoi: https : //angular.io/api/forms/ngform

Malheureusement, je pense que la seule solution utilisant des formulaires de modèle est de générer l'ID. (Voir la réponse de Dururgh Pal)

mais! Une meilleure solution à ce sujet serait d'utiliser des formes réactives, elles permettraient beaucoup plus de flexibilité et vous pouvez identifier directement les objets dans le formulaire (comme vous pouvez l'utiliser littéralement.Form.Value et cela vous donnera un objet de la forme actuelle. ) - En plus de générer des formes de zéro via un code RXForm. Je voudrais donc suggérer de regarder cela aussi: https://angular.io/Guide / Formes réactives

Espérons que cela est utile


0 commentaires