Αυτό το άρθρο είναι ένα άρθρο καθρέφτη της αυτόματης μετάφρασης, κάντε κλικ εδώ για να μεταβείτε στο αρχικό άρθρο.

Architect_Programmer_Code Δίκτυο Γεωργίας»Αρχιτέκτονας › Σχεδιασμός front-end & web › Πλαίσιο μπροστινού άκρου › Η σειρά Angular 9 (3) εγγράφεται σε συμβάντα δυναμικών στοιχείων
Άποψη: 15693|Απάντηση: 0

[Γωνιώδης] Η σειρά Angular 9 (3) εγγράφεται σε συμβάντα δυναμικών στοιχείων

[Αντιγραφή συνδέσμου]
Δημοσιεύτηκε στις 2/6/2020 5:20:01 μ.μ. | | | |
Ανασκόπηση της προηγούμενης ενότητας

Γωνιακά Σειρά 9 (1) Δυναμικά Φορτωμένα Εξαρτήματα
https://www.itsvse.com/thread-9238-1-1.html

Γωνιακές παράμετροι μετάδοσης δυναμικής συνιστώσας σειράς 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

Η σειρά Angular 9 (3) εγγράφεται σε συμβάντα δυναμικών στοιχείων
https://www.itsvse.com/thread-9246-1-1.html

Γωνιακοί αγωγοί Custom Pipe Series 9 (IV).
https://www.itsvse.com/thread-9248-1-1.html

Το Angular 9 Series (V) μορφοποιεί τη μορφή νομίσματος ποσού
https://www.itsvse.com/thread-9249-1-1.html


Αυτό το άρθρο εξηγεί ότι εάν εγγραφείτε σε συμβάντα για δυναμικά στοιχεία, γνωρίζουμε ότι τα συνηθισμένα στοιχεία μπορούν να δεσμευτούν από το (), αλλά τι γίνεται αν δεσμεύσετε συμβάντα που δημιουργούνται δυναμικά; Και αποδεχτείτε τις παραμέτρους που περνούν από το στοιχείο.

Τα στοιχεία Modal1Component και Modal2Component είναι στοιχεία που δημιουργούμε δυναμικά στην κύρια διεπαφή.

Τροποποιούμε το στοιχείο Modal1Component για να προσθέσουμε ένα πλαίσιο εισαγωγής και ένα κουμπί. Όταν κάνετε κλικ στο κουμπί θυγατρικού στοιχείου, η τιμή επιστρέφεται στο γονικό στοιχείο και εμφανίζεται στη διεπαφή του γονικού στοιχείου.

Ας ρίξουμε μια ματιά πρώτα στις απεικονίσεις, ως εξής:




Κωδικός σχετικός με το στοιχείο Modal1 (δυναμικά δημιουργημένο υποστοιχείο)

modal1.component.html



modal1.component.ts



Κωδικός που σχετίζεται με το στοιχείο ευρετηρίου (γονικό στοιχείο).

index.component.html

index.component.ts



Εάν αναφερθεί σφάλμα:

Δεν είναι δυνατή η σύνδεση με το 'ngModel' καθώς δεν είναι γνωστή ιδιότητα του 'input'

Λύση:

Προσθέστε τον ακόλουθο κώδικα στο app.module:




Τώρα μπορούμε να εγγραφούμε σε συμβάντα για δυναμικά δημιουργημένα στοιχεία.

Εάν δεν λάβετε υπόψη την τιμή του υποσυστατικού λήψης, μπορείτε επίσης να χρησιμοποιήσετε το HostListener για να λάβετε τα συμβάντα του υποσυστατικού και στη συνέχεια να τα χειριστείτε ανάλογα σύμφωνα με το όνομα του κουμπιού.

Προσθέστε τον ακόλουθο κώδικα στο γονικό στοιχείο index.component.ts:

Το e εδώ αναφέρεται στο $event.target και αν γνωρίζετε πώς να λάβετε τις παραμέτρους του συμβάντος, μπορείτε επίσης να απαντήσετε σε ένα μήνυμα από αυτό το άρθρο.



(Τέλος)




Προηγούμενος:Γωνιακές παράμετροι μετάδοσης δυναμικής συνιστώσας σειράς 9 (2)
Επόμενος:Σύστημα δημοσίευσης άρθρων που ξέρει να γράφει

σχετικές αναρτήσεις
Αποκήρυξη:
Όλο το λογισμικό, το υλικό προγραμματισμού ή τα άρθρα που δημοσιεύονται από το Code Farmer Network προορίζονται μόνο για μαθησιακούς και ερευνητικούς σκοπούς. Το παραπάνω περιεχόμενο δεν θα χρησιμοποιηθεί για εμπορικούς ή παράνομους σκοπούς, άλλως οι χρήστες θα υποστούν όλες τις συνέπειες. Οι πληροφορίες σε αυτόν τον ιστότοπο προέρχονται από το Διαδίκτυο και οι διαφορές πνευματικών δικαιωμάτων δεν έχουν καμία σχέση με αυτόν τον ιστότοπο. Πρέπει να διαγράψετε εντελώς το παραπάνω περιεχόμενο από τον υπολογιστή σας εντός 24 ωρών από τη λήψη. Εάν σας αρέσει το πρόγραμμα, υποστηρίξτε γνήσιο λογισμικό, αγοράστε εγγραφή και λάβετε καλύτερες γνήσιες υπηρεσίες. Εάν υπάρχει οποιαδήποτε παραβίαση, επικοινωνήστε μαζί μας μέσω email.
Mail To:help@itsvse.com