Corresponding article indepth.dev/posts/1405/ngtemplateoutlet Stackblitz: stackblitz.com/edit/ngtemplateoutletcontext?file=src/app/my-selector/my-selector.component.html GitHub: github.com/StephenCooper/ngTemplateOutlets How to add Typing to ngTemplateOutlet: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-dau7kQMdH4A.html
Links at the end of the talk: angular.io/api/common/NgTemplateOutlet github.com/StephenCooper/ngTemplateOutlets stackblitz.com/edit/ngtemplateoutletcontext
Bad example at 6:15. Instead of polluting ngOnInit with if (!displayFunc) { this.displayFunc = x => x } We could've use default params right after @Input() @Input displayFunc?: string => string = x => x Wonder why google engineer doesn't use it in his examples. Still great talk, but I hate when speakers exaggerate disadvantages of one approach to highlight benefits of the other.
This talk helps alot but I am trying to incorporate in my own project which is what you have achieved which is different dynamic layouts using ngTemplateOutlet but can’t seem to wrap my head around it yet. Do you have a stackblitz of using ngTemplateOutlet for different layouts, if not no worries 👌🏼
I know Im randomly asking but does someone know of a method to get back into an Instagram account? I somehow lost my login password. I would appreciate any tricks you can offer me.
@Seth Alden I really appreciate your reply. I got to the site thru google and I'm trying it out atm. Seems to take a while so I will reply here later when my account password hopefully is recovered.
I don't like how the code is extremely sectioned as he is attempting to explain this convoluted concept. If the example were more linear, I believe this would be easier to understand. Is there a static piece of code to this exact problem that I can analyze so that I can follow this concept better? Could you have named the files, clearly depicting which file is the parent and which one is the child in this example? The instructor begins to lose me around 10:20
I used the same concept to create a reusable angular material table component where actions like( delete, edit, view, etc.. ) are passed using ng-template because they differ depending on the data
Great talk, I wish I saw something like this before learning about this stuff myself. For me, ngTemplate was the killer feature of Angular after upgrading from AngularJS, but the same pattern should be possible in 1.7.x too with some custom transclusion directives.
If I were to use the shark selector in many modules throughout an app, what would be the best way to provide a unified shark template app-wide? Some kind of ContentChild + directive?
Amazing talk, this is a revelation even as an Angular developer. The code you put on Stack blitz makes understanding this even better. Thanks Stephen Cooper and AngularConnect
Great talk Stephen! Just wondering if unlike ng-content if that then means you can have parent child events emitted and handled from the control in the template to the parent control without using a service?
