Τρεις τρόποι χρήσης γωνιακής ενθυλάκωσης

Μικρά αποβράσματα · Δημοσιεύτηκε στις 12/5/2020 11:02:24 π.μ.

Σύμφωνα με την τελευταία έκδοση της επίσημης τεκμηρίωσης του ιστότοπου, η ενθυλάκωση έχει πλέον 4 τιμές χαρακτηριστικών:

Η σύνδεση είναι ορατή.

import { Component, OnInit, ViewEncapsulation } από το '@angular/core';

Εξομοίωση προεπιλογής

Τα στυλ έχουν εμβέλεια και το γονικό στοιχείο δεν επηρεάζει το στυλ του θυγατρικού στοιχείου (ο μηχανισμός ενθυλάκωσης στυλ που παρέχεται από το Angular)
Αυτή η επιλογή είναι η προεπιλογή, δηλαδή είναι η τιμή χωρίς χειροκίνητη διαμόρφωση της ενθυλάκωσης. Κάτω από αυτό το στοιχείο ρύθμισης παραμέτρων, κάθε στοιχείο έχει ένα πεδίο εφαρμογής και το γονικό στοιχείο δεν μπορεί να επηρεάσει το αυτο-στοιχείο. Εάν πρέπει το στυλ του γονικού στοιχείου να παρακάμπτει το στυλ του θυγατρικού στοιχείου σε αυτό το στοιχείο διαμόρφωσης. Μπορείτε να χρησιμοποιήσετε το ::ng-deep, αλλά ο επίσημος ιστότοπος δεν συνιστά τη χρήση ::ng-deep

Κανένας

Δεν παρέχεται πακέτο και το στυλ εφαρμόζεται απευθείας σε ολόκληρο το έγγραφο. (Επηρεάζει τα δικά του θυγατρικά συστατικά προς τα κάτω, προς τα πάνω επηρεάζει τα δικά του γονικά συστατικά)

Εγγενής και Σκιά

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

Μικρά αποβράσματα · Δημοσιεύτηκε στις 26/11/2021 5:07:13 μ.μ.

Η σύνδεση είναι ορατή.

[Γωνιώδης] Τρεις τρόποι χρήσης γωνιακής ενθυλάκωσης

σχετικές αναρτήσεις

Ενότητες που προβλήθηκαν