Je ne peux pas pousser ID à un objet pour chaque rangée avec Formuilder.
Donc, ceci est ma forme ma ligne p> et je pousse mon objet à matry comme de cette façon p> < PRE> XXX PRE> 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}} code> et e-mail.
J'utilise angulaire 8.
Merci d'avance. P> p>
3 Réponses :
in Onsubmit code> Vous pouvez générer une carte d'identité unique et l'affecter à l'objet Personal, puis appelle
addotosers code> et appuyez sur le tableau p>
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); }
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 code> Après avoir ajouté ligne ou modifier la référence en utilisant
json.parse (json.stringify (personne) code>.
Dans votre élément de formulaire, utilisez la liaison officielle NgSubmit si possible, voici les avantages quant à pourquoi: https : //angular.io/api/forms/ngform p>
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) P>
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 P>
Espérons que cela est utile p>