Hz247hvaiipzznkthwui
SkillsCast

Creating Structural Directives in Angular

10th July 2019 in London at Business Design Centre

There are 71 other SkillsCasts available from FullStack London 2019 - The Conference on JavaScript, Node & Internet of Things

Please log in to watch this conference skillscast.

Https s3.amazonaws.com prod.tracker2 resource 41088130 skillsmatter conference skillscast o9nohu

Structural directives are a powerful feature in Angular that allows you 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 you to interact with the directive in a natural and expressive language. In this talk, you will learn about <ng-template>, TemplateRef, view containers, and ViewContainterRef, the building blocks of structural directives. Ashnita will also explore the microsyntax and have a go at creating custom structural directives.

YOU MAY ALSO LIKE:

Thanks to our sponsors

Creating Structural Directives in Angular

Ashnita Bali

Ashnita is a front-end developer who loves JavaScript and Angular. She studied Management Science and Information Systems at The University of Auckland, New Zealand. She has worked on projects using C, PowerBuilder, BuildProfessional and more recently with modern front-end technology stack.

SkillsCast

Please log in to watch this conference skillscast.

Https s3.amazonaws.com prod.tracker2 resource 41088130 skillsmatter conference skillscast o9nohu

Structural directives are a powerful feature in Angular that allows you 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 you to interact with the directive in a natural and expressive language. In this talk, you will learn about <ng-template>, TemplateRef, view containers, and ViewContainterRef, the building blocks of structural directives. Ashnita will also explore the microsyntax and have a go at creating custom structural directives.

YOU MAY ALSO LIKE:

Thanks to our sponsors

About the Speaker

Creating Structural Directives in Angular

Ashnita Bali

Ashnita is a front-end developer who loves JavaScript and Angular. She studied Management Science and Information Systems at The University of Auckland, New Zealand. She has worked on projects using C, PowerBuilder, BuildProfessional and more recently with modern front-end technology stack.

Photos