Angular - Custom Two-Way Binding

Показать описание

Most Angular developers have done two-way binding using [(ngModel)] on standard HTML elements. Here's how to do the same thing with our own custom components.

Topics covered include:
- Banana in a box
- One-way binding from parent to child with @Input()
- One-way binding of references
- One-way binding from child to parent with @Output()
- Using EventEmitter
- Naming conventions for two-way binding

Coding Tutorials
Angular
Banana in a Box
one-way binding
two-way binding
ngModel

Рекомендации по теме

Комментарии

Any other Angular features you're interested in? Let me know.
And if you liked the video, click the 👍.

CodingTutorialsAreGo

Your explanations are great!
I would love to see you cover async/await in Angular, specifically when and where to use it.
What happens if you forget to use it where you should have?
What happens if you try to use it somewhere where you did not need to use it?

stevewitman

Angular - Custom Two-Way Binding

Angular - Custom Two-Way Binding

Demystifying Angular Two Way Binding (2023)

How to create your own two-way data bindings with custom components in Angular

Angular NgModel Two Way Data Binding with Example

#18 Two way Data Binding | Angular Components & Directives | A Complete Angular Course

Angular 6 Tutorial 9: Two way data binding

38. Mastering Two-Way Data Binding in Angular 18: A Complete Guide - #angular18

Angular 2 Tutorial - 11 - Two Way Binding

Angular Interview Questions and Answers | ACE Your Angular Interview with SENARIO BASED Questions

Angular 2 Tutorial (2016) - Components (incl. Data Binding, Two-Way Binding!)

Angular - How to create two way binding in component

Angular 12 tutorial #29 Two way binding

Set Up Your Custom Angular Component for 2 Way Binding (Property Binding in TypeScript Part 2)

Angular 17: Two Way Binding Beginners Guide

Learn Angular: Angular Two-Way Binding with ngModel

Angular 10 Add NgModel in Custom Component | Add two way binding in custom component with NgModel

Two way databinding in AngularJS

[100daysOfAngular] Day 9 - Custom Two-way Data Binding (Vietnamese)

Angular For Beginners - 4. Two-Way Binding

Try Angular v4 // 17 of 28 // Two Way Data Binding

AngularJS Tutorial 8 - Two Way Data Binding

Discount Percentage in Angular With Two Way Data Binding | Two-way Binding Real Example

Angular Two Way data binding, Models, Custom Data types

Demystifying #angular Two-Way Data Binding in 1 minute #shorts