See artikkel on masintõlke peegelartikkel, palun klõpsake siia, et hüpata algse artikli juurde.

Vaade: 18910|Vastuse: 1

[Nurgeline] Kolm viisi nurkkapseldamise kasutamiseks

[Kopeeri link]
Postitatud 12.05.2020 11:02:24 | | |
Ametliku veebilehe uusima versiooni kohaselt on kapseldamisel nüüd 4 atribuudi väärtust:

importida { Component, OnInit, ViewEncapsulation } failist '@angular/core';



Emuleeritud vaikimisi

Stiilid on ulatusega ja vanemkomponent ei mõjuta alamkomponendi stiili (stiili kapseldamise mehhanism, mida pakub Angular)
See valik on vaikimisi ehk väärtus ilma kapseldamise käsitsi seadistamata. Selle konfiguratsioonielemendi puhul on igal komponendil oma ulatus ning vanemkomponent ei saa mõjutada isekomponenti. Kui sul peab olema vanemkomponendi stiil, siis selle konfiguratsioonielemendi all asenda see lapskomponendi stiil. Võid kasutada ::ng-deepi, kuid ametlik veebileht ei soovita ::ng-deep kasutamist


Ükski

Ühtegi paketti ei pakuta ning stiil rakendatakse otse kogu dokumendile. (Mõjutab oma alamkomponente allapoole, ülespoole mõjutab oma vanemkomponente)


Native ja Shadow

Kasutades natiivset varjukapseldamise stiili, on varjujuur nähtav DOM-struktuuris ning näeme väga hästi, kuidas stiil sellele kirjutatakse, kehtides ainult varjujuure vahemiku komponentide puhul.





Eelmine:CSS stiil: osutaja-sündmused: puuduvad
Järgmine:CSS veebilehe div ja tabeli kerimisriba kaunistamine
 Üürileandja| Postitatud 26.11.2021 17:07:13 |
Disclaimer:
Kõik Code Farmer Networki poolt avaldatud tarkvara, programmeerimismaterjalid või artiklid on mõeldud ainult õppimiseks ja uurimistööks; Ülaltoodud sisu ei tohi kasutada ärilistel ega ebaseaduslikel eesmärkidel, vastasel juhul kannavad kasutajad kõik tagajärjed. Selle saidi info pärineb internetist ning autoriõiguste vaidlused ei ole selle saidiga seotud. Ülaltoodud sisu tuleb oma arvutist täielikult kustutada 24 tunni jooksul pärast allalaadimist. Kui sulle programm meeldib, palun toeta originaaltarkvara, osta registreerimist ja saa paremaid ehtsaid teenuseid. Kui esineb rikkumist, palun võtke meiega ühendust e-posti teel.

Mail To:help@itsvse.com