Creating custom Structural Directives in Angular

Session
Join PWA Conference:
Register now
Join PWA Conference:
Register now
Thank you for participating. See you in 2021!
Register now
Thank you for participating. See you in 2021!
Register now
Until June 18:
✓ Workshop Day for free
✓ Raspberry Pi or C64 Mini for free
✓ Save over $840
Register now
Until June 18:
✓ Workshop Day for free
✓ Raspberry Pi or C64 Mini for free
✓ Save over $840
Register now
Until the conference starts:
✓ 2-in-1 conference package
✓ Group Discount
Register now
Bis Konferenzbeginn:
✓ 5-Tages-Special
✓ Kollegenrabatt
Register now
Infos
Thursday, October 24 2019
10:30 - 11:30
Room:
Forum 8

Structural directives are a powerful feature in Angular that allows us to dynamically change a component view structure. As with directives, a structural directive is used as an attribute on an element in the component template and the logic is implemented in the directive’s controller class. An asterisk denotes a structural directive and is the fairy dust for the magic that happens behind the scenes. Angular has a DSL (microsyntax) for the string assigned to a structural directive that allows us to interact with the directive in a natural and expressive language. In this talk, we will look at “<ng-template>”, “TemplateRef”, view containers, and “ViewContainterRef”, the building blocks of structural directives. We will also look at the microsyntax and have a go at creating custom structural directives.

This Session originates from the archive of Diese Session stammt aus dem Archiv von MunichMünchen . Take me to the program of . Hier geht es zum aktuellen Programm von PWA Conference London PWA Conference London .

This Session originates from the archive of Diese Session stammt aus dem Archiv von MunichMünchen . Take me to the program of . Hier geht es zum aktuellen Programm von London (Online) London (Online) .

This Session originates from the archive of Diese Session stammt aus dem Archiv von MunichMünchen . Take me to the program of . Hier geht es zum aktuellen Programm von New York New York .

This Session originates from the archive of Diese Session stammt aus dem Archiv von MunichMünchen . Take me to the program of . Hier geht es zum aktuellen Programm von Munich München .

This Session Diese Session originates from the archive of stammt aus dem Archiv von MunichMünchen . Take me to the current program of . Hier geht es zum aktuellen Programm von PWA Conference London PWA Conference London , London (Online) London (Online) , New York New York or oder Munich München .

STAY TUNED!

 

BEHIND THE TRACKS OF iJS

Angular

Best-Practises with Angular

Vue.js

One of the most famous frameworks of modern days

JavaScript Practices & Tools

DevOps, Testing, Performance, Toolchain & SEO

Node.js

All about Node.js

React

From Basic concepts to unidirectional data flows