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: ruclips.net/video/dau7kQMdH4A/видео.html
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
Links at the end of the talk: angular.io/api/common/NgTemplateOutlet github.com/StephenCooper/ngTemplateOutlets stackblitz.com/edit/ngtemplateoutletcontext
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 👌🏼
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
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.
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.
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?
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?
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.
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
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: ruclips.net/video/dau7kQMdH4A/видео.html
Excellent explanation of how to use dynamic templates in Angular
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
Links at the end of the talk:
angular.io/api/common/NgTemplateOutlet
github.com/StephenCooper/ngTemplateOutlets
stackblitz.com/edit/ngtemplateoutletcontext
tks bro
It is also quite convenient to use ngTemplateOutlet for different layouts on desktop and mobile.
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 👌🏼
Great presentation - brilliantly succinct and clear! 🙌🙌
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
Excellent content..thank you for sharing all this content about ngTemplateOutlet very helpful.!
This was such a great topic! I'm gonna change dropdowns in our office project this Monday itself.
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.
@Coleman Gael Instablaster :)
@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.
@Seth Alden It did the trick and I now got access to my account again. I'm so happy:D
Thanks so much you saved my account !
@Coleman Gael you are welcome :D
Amazing concept and presentation. thank you Stephen for sharing it with us
Amazing content! I now truly understand this topic which was really confusing to me initially. Thank you so much!
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.
Great talk, absolutely loved it!
yep
I didn't even know that there is such thing in angular
Thanks for the explanation! Not the easiest syntax to understand and wrap your head around though...
Great concept!
Judging by the reaction of the audience during his talk, I'm pretty sure that he was talking to a wall. PS: Great explanation. Thanks a lot.
Great...good explanation 👍
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?
I am having troubles understanding what @ContentChild is doing in this particular case?
Content child is used to get reference for a template from content projection of app-selector.
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?
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.
Great talk
nice. I tried on my own. How can I initialize the optionTemplate variable with correct template(my template in different component.ts file)?
Stackblitz demo code: stackblitz.com/edit/ngtemplateoutletcontext
Slides: www.slideshare.net/StephenCooper83/ng-templateoutlets-ac2019
Twitter twitter.com/SCooperDev
why checking in ngOnInit? instead just assign default function right there.
Amazing =)
Thanks...
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
is this a show? you should inform your watchers: "this is a crappy show..."
I want to create dynamic ng-tempalte refs, is that possible?
@ContenChild ('my-dynamic-data')