Go to content

The differences between ElementRef, TemplateRef, ViewContainerRef | Ashnita Bali & Marcin Ryzycki

Video sponsored by Rangle.io (https://rangle.io) Slides: https://docs.google.com/presentation/d/1inX3SsUhK8qGidfMxZmirCfR30Iu0mJfQP1NrPhZ0Ic/edit This talk walks you through how to create dynamic components and custom templates using the view container API and using the NgComponentOutlet or NgTemplateOutlet directives. It demonstrates how to create dynamic components using the brand new feature, Angular Elements. The talk explains the relationship between structural directives, ng-template, the HTML template element and template reference variables and explains terminologies such as host view, embedded view, view container. It also covers using the platform agnostic Renderer service for DOM access. About Ashnita Bali Ashnita is a frontend web developer. She worked on AngularJS projects with her previous company and is now learning Angular and related technologies. She likes to help people learn and organises a local study group for learning web development. Besides Angular and JavaScript, Ashnita loves nature, walks, jogging and yoga. About Marcin Ryzycki Marcin is a lead front-end developer at Black Swan, a big-data company. Enjoying web development since the end of the last century, he had a chance to work with back-end, DevOps and more recently, with front-end technologies. He loves the concept of browser as a development platform and has a huge crush on Angular. When not by the desk, he enjoys a good read and a fast ride on the bike.

November 6, 2018