AiA 264: ngTemplateOutlets with Stephen Cooper

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