Was ist das Host-Element in Angular?
Was ist das Host-Element in Angular?

Video: Was ist das Host-Element in Angular?

Video: Was ist das Host-Element in Angular?
Video: CSS : Angular 2: How to style host element of the component? 2024, November
Anonim

Host-Element . Um ein zu drehen Eckig Komponente in etwas, das im DOM gerendert wird, müssen Sie eine Eckig Komponente mit einem DOM Element . Wir nennen solche Elemente hosten Elemente . Eine Komponente kann mit ihrer Gastgeber DOM Element auf folgende Weise: Es kann seine Ereignisse abhören.

In ähnlicher Weise können Sie sich fragen, was Host in Angular ist?

In Eckig : Gastgeber ,: Gastgeber -context und /deep/ Selektoren werden in Komponenten verwendet, die sich in einer Eltern-Kind-Beziehung befinden. Die: Gastgeber wähler in Eckig Komponente spielt die Rolle beim Anwenden von Stilen auf Gastgeber Element. Standardmäßig funktioniert der Komponentenstil innerhalb seiner Komponentenvorlage.

Zweitens, was ist HostListener und HostBinding? @ HostBinding und @ HostListener sind zwei Dekoratoren in Angular, die in benutzerdefinierten Direktiven sehr nützlich sein können. @ HostBinding können Sie Eigenschaften für das Element oder die Komponente festlegen, die die Direktive hostet, und @ HostListener ermöglicht es Ihnen, Ereignisse auf dem Hostelement oder der Hostkomponente abzuhören.

Zu wissen ist auch, was ist Ng tief im Winkel?

:: ng - tief Selektor Verwenden Sie die:: ng - tief Schattendurchdringender Nachkommen-Kombinator, um einen Stil nach unten durch die untergeordnete Komponentenstruktur in alle untergeordneten Komponentenansichten zu erzwingen. Die:: ng - tief combinator funktioniert mit jeder Tiefe verschachtelter Komponenten und gilt sowohl für die untergeordneten Ansichts- als auch für die untergeordneten Inhalte der Komponente.

Was ist Hostkontext?

Gastgeber - Kontext wird verwendet, um Elemente innerhalb einer Komponente zu stylen, abhängig von einer außerhalb der Komponente festgelegten Bedingung.

Empfohlen: