Deep dive into content projection - Eudes Petonnet

ng-conf is a two day, single track conference focused on delivering the highest quality training in the Angular JavaScript framework. 1500+ developers from across the country will converge on beautiful Salt Lake City, UT to participate in training sessions by the Google Angular team, and other Angular experts. In addition to the invaluable training, ng-conf will deliver a premier conference experience for attendees, providing opportunities to network with other developers, relax at social events, and engage in some of the unique entertainment opportunities available in Utah.

[andreigatej]

It makes so much sense when you watch it the second, third time... Thank you!

[JonathanYee]

Love it! Learnt so much and was so entertained!

[amtiskaw]

This is an absolutely fantastic talk! It's hard to find a good explanation of Angular's content project anywhere — the official docs don't even mention it! But this explains a lot in a fun and intuitive way.

[sisitinquiete]

This talk spares me so much time every time

[vikasshivananjappa]

One of the best content projection talks out there .... Great job!

[jpavel]

Very useful information. These parts are hard to put together. You've saved me a lot of time figuring out how to overcome the not-destroying-the-component behavior of ng-content.

[ganeshp]

So educational. & funny..! Will need to watch it at least 10 times more to understand it 100%!! :)
Thank you!!

[tushar]

Loved It! The best way to learn about the difference and implementation of ng-container, ng-template and ng-content excellently documented example at stackblitz followed it and learnt the difference in minutes. I was scratching my head from a week trying to understand the fundamental difference. Good speaker good humor good stuff. Cheers 🍻

[supindersingh]

Amazing. Very helpful talk. Thank you!

[codeative]

So awesome .. your examples so clear and covered most of use cases if it weren't all of them :)

[greg]

Fire. All is left is to remember that stuff)

[qi]

Learnt a lot! But it makes me wondering how people find out about this? Like <ng-content> is equivalent to append. By diving deep into source code of Angular?

[StoriesByDrew]

This is how the Angular Material Table Component is built

[arthurfedotiew]

How could we pass context to the directive like that?
export class SheepBlueprintDirective {
constructor(templateRef: TemplateRef<void>, farm: FarmComponent) {
farm.sheepTemplate = templateRef;
}
}

when using it like this:

<div class="fence">
<ng-content *ngFor="let sheep of flock; template: sheepTemplate"></ng-content>
</div>

[arturgrzesiak]

Quality of the talk and (accidental) complexity of the APIs discussed - both quite high.