Denne artikkelen er en speilartikkel om maskinoversettelse, vennligst klikk her for å hoppe til originalartikkelen.

Architect_Programmer_Code Landbruksnettverket»Arkitekt › Front-end design og web › Frontramme › Vinkelhendelsesbinding/attributtbinding @HostListener, @HostBindin ...
Utsikt: 12212|Svare: 0

[Kantet] Angular hendelsesbindinger/attributtbindinger @HostListener, @HostBinding

[Kopier lenke]
Publisert på 26.06.2019 14:42:08 | | | |
Før vi går inn på HostListener- og HostBinding-eiendomsdekoratørene, la oss ta en titt på vertselementet.

Begrepet vertselement gjelder både for instruksjoner og komponenter. Når det gjelder instruksjoner, er konseptet ganske enkelt. Elementet som anvender instruksjonen er vertselementet. La oss si at vi har erklært et HighlightDirective-direktiv (selector: '[exeHighlight]'):

I HTML-koden ovenfor er p-elementet vertselementet. Hvis direktivet anvendes på en egendefinert komponent, for eksempel:

I dette tilfellet er exe-tellerens tilpassede element vertselementet.

HostListener er en eiendomsdekoratør som legger til arrangementslytting til vertselementer.

I Angular kan vi bruke HostBinding-dekoratoren til å implementere egenskapsbinding av elementer.

Denne direktiven demonstrerer hvordan man bruker HostListener-dekoratoren for å lytte etter brukerklikk-hendelser

I tillegg kan vi også lytte etter hendelser generert av objekter andre enn vertselementet, som vindu, dokument eller kropp
Målet kan være vindu, dokument eller kropp




@HostBinding() og @HostListener() er nyttige når man tilpasser instruksjoner. @HostBinding() kan legge til klasser, stiler, attributter osv. til vertselementet i kommandoen, mens @HostListener() kan lytte til hendelser på vertselementet.

Eksempel: Implementer en font- og kantfarge som endrer font- og kantfargen i sanntid mens du skriver

La oss snakke om hoveddelen av koden ovenfor:
(1): Navngi kommandoen appRainbow
(2): Definer alle mulige farger vi trenger å vise
(3): Definer og dekorer farge og kantFarge med @HostBinding() for styling
(4): Bruk @HostListener() for å lytte til keydown-hendelsen til vertselementet og tilfeldig tilordne farger til farge og borderColor

Bruk denne kommandoen på siden:

Effekten er som følger:







Foregående:Prinsippet for SM2 digital signaturverifisering
Neste:js avgjør om js-funksjoner og variabler eksisterer

Relaterte innlegg
Ansvarsfraskrivelse:
All programvare, programmeringsmateriell eller artikler publisert av Code Farmer Network er kun for lærings- og forskningsformål; Innholdet ovenfor skal ikke brukes til kommersielle eller ulovlige formål, ellers skal brukerne bære alle konsekvenser. Informasjonen på dette nettstedet kommer fra Internett, og opphavsrettstvister har ingenting med dette nettstedet å gjøre. Du må fullstendig slette innholdet ovenfor fra datamaskinen din innen 24 timer etter nedlasting. Hvis du liker programmet, vennligst støtt ekte programvare, kjøp registrering, og få bedre ekte tjenester. Hvis det foreligger noen krenkelse, vennligst kontakt oss på e-post.
Mail To:help@itsvse.com