In this episode of Adventures in Angular the panel interviews Stephen Cooper about his recent talk at Angular Connect. His talk was about ngTemplateOutlets. Stephen answers the questions of the panel about ngTemplateOutlets and explains how and when to use them. He starts by explaining the difference between component outlets and template outlets.

 

 Aaron Frost, Frosty, asks Stephen to walk through how to make a ngTemplate and explain what it is useful for. The panel considers the various use cases they would use this for. Frosty wonders why he would use a ngTemplateOutlet instead of a bunch of ngIfs. Stephen explains when it would be wise to use ngIfs and when it would be better to use ngTemplateOutlets. 

 

The panel discusses ngComponentOutlets, Stephen explains how they relate to ngTemplateOutlets and how they give you another level to reusing components. He overviews the best way to use ngComponentOutlets and warns listeners of the tricky parts. 

 

Stephen shares the best times to use ngTemplateOutlets and overviews some of the common use cases he has seen for them. He explains that they are very useful when creating shareable components or repeating similar chunks of code in a component. He shares some resources to help listeners get started. 

Panelists


Aaron Frost




Alyssa Nicoll




Brian Love




Shai Reznik


Guest


Stephen Cooper


________________________________________________________________________________________________________________________

"The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood will be out on November 20th on Amazon.  Get your copy on that date only for $1.

________________________________________________________________________________________________________________________

Sponsors


Sentry use the code “devchat” for 2 months free on Sentry small plan




Flatfile




Cachefly


Links


ngTemplateOutlet: The secret to customisation | Stephen Cooper  




https://ngtemplateoutletcontext.stackblitz.io 




https://github.com/StephenCooper/ngTemplateOutlets 




Advanced Angular: Implementing a Reusable Autocomplete Component 




https://twitter.com/CooperDev 




https://www.facebook.com/adventuresinangular




https://twitter.com/angularpodcast


Picks

Brain Love:


Being back in the USA




Zelda: Breath of the Wild


Alyssa Nicoll:


Mr. Milks




Destiny 2:Shadowkeep


Aaron Frost:


Garrett Reisman




https://medium.com/ngconf


Shai Reznik:


TestAngular.com




One Strange Rock


Stephen Cooper:


Visiting museums near you

Twitter Mentions