88. Custom Structural Directive - Directive Grammar & Microsyntax | Angular In Depth (Hindi)

Описание: #angular #computer_baba #structural_directive #directive_grammar #directive

Writing Structural requires the understanding of Directive Grammar and Microsyntax. This video explains the Structural Directive Grammar that helps us in writing the Structural Directive, passing data to them, and utilizing the exported context in our templates.


▬▬▬▬▬▬ 🔗 Links ▬▬▬▬▬▬

► Slides : https://bit.ly/3wCMPfi

► Angular - Custom Attribute Directive | Same name Prop :    • 80. Custom Attribute Directive - Input dat...  
► Angular - Custom Structural Directive | Intro :    • 87. Custom Structural Directive - Intro | ...  


▬▬▬▬▬▬ 📚 CHAPTERS ▬▬▬▬▬▬

00:00 - Introduction
00:45 - What is Structural Directive Grammar ?
01:50 - "let" or "expression" segment
02:22 - "let" - Context Property & Template Input Variable
12:58 - "expression" - Input Property Binding
18:12 - "let" or "as" or "keyExp" segment
19:40 - Multiple Template Input Variables
21:06 - "as" - Context Property & Template Input Variable
23:07 - "keyExp" - Input Property Binding
26:27 - Combined form
32:52 - Input Props Naming Convention
35:28 - Readability of Microsyntax
36:29 - Exporting Input Props with “as”
40:21 - Closing notes


▬▬▬▬▬▬ 🔖 RECOMMENDED COURSES ▬▬▬▬▬▬

🎬 Angular In-Depth (Hindi) - https://bit.ly/34nHrBh
🎬 Angular Architecture -    • 1. Angular Architecture | Angular In Depth...  
🎬 Angular (Must watch) - Lifecycle hooks & uni-directional flow -    • 42. Component lifecycle: Phases, lifecycle...  
🎬 Angular - Expression Changed After Checked Error -    • 61. Component lifecycle: Expression Change...  
🎬 RxJS - The Practical Guide (Hindi) - https://bit.ly/3GBcXsf
🎬 RxJS - Promise vs Observable | A depth comparison -    • 5. RXJS - Promise vs Observable | A depth ...  
🎬 RxJS - Introduction to Reactive programming -    • 1. RXJS - Introduction to Reactive program...  


▬▬▬▬▬▬ CONNECT WITH ME 👋 ▬▬▬▬▬▬

🐦 Twitter:   / akacomputerbaba  
🏠 Discord: https://bit.ly/3Js25iy
👓 GitHub: https://github.com/cistroncoder
📧 Email: [email protected]

💙 Join this channel
   / computerbabaofficial  


▬▬▬▬▬▬ 🎻 MUSIC ▬▬▬▬▬▬

🎵 Fresh Start - Joakim Karud
https://freesound.org



#angular #computer_baba #structural_directive #directive_grammar #directive #structural_directive_grammar #inputDecorator #outputDecorator #Input_angular #output_angular #ElementRef #ComponentRef #TemplateRef #ViewContainerRef #embedded_view #custom_directives #attribute_directive #angular_directives #angular_attribute_directives #angular_structural_directives #angular_custom_directives #observables #rxjs_angular #observables_in_rxjs #angular_components #angular_architecture #typescript #javascript #typescript #web #es6