Talk title

Up-close with Structural Directives

Talk description

Structural directives are a really exciting feature in Angular. An asterisk followed by a directive name denotes a structural directive. In this talk we will look at the the various parts of structural directives, the <ng-template> tag provided by Angular that lets us define embedded views, the DSL or microsyntax of the binding expression of a structural directive. How to instantiate embedded views using ViewContainerRef API and using the NgTemplateOutlet directive. How to pass context to the templates.

In talking about structural directives we will look at the some of the abstractions provided by Angular: views, view queries and view containers, embedded templates, their code representation ViewRef, ViewChild, ViewContainerRef, TemplateRef and see how view containers can be used to manipulate the structure of a view.

About Ashnita

Ashnita is a web developer who loves Angular. She works for a startup company in UK.

She likes to take part in community activities to support people trying to build a career in IT, is a mentor for freeCodeCamp-Reading, co-organiser at GDG Reading and a new-bee speaker.

She enjoys travelling, nature walks and meeting people.