Creating custom Structural Directives in Angular

Session
Join PWA Conference
April 19, 2020 | London
Register now
Join PWA Conference
April 19, 2020 | London
Register now
Until July 30:
✓ Group discount
✓ Save up to £160
Register now
Until July 30:
✓ Group discount
✓ Save up to £160
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 July 9:
✓ Fullstack Day for free
✓ PlayStation Classic Mini or C64 Mini for free
✓ Save up to 594 €
Register now
Bis 9. Juli:
✓ Fullstack Day for free
✓ PlayStation Classic Mini oder C64 Mini for free
✓ Bis zu 594 € sparen
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 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 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 London , 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