Angular 9 Tutorial For Beginners #20 - Attribute Binding

How is data transfered in angular? Please answer this question

Can you please make one video to explain what is the need of custom attribute with real time example, why we will use attribute binding ? And it will be helpful if you add that video link in the description or pinned comment of this video. I saw that, many of the viewer have this same question.

Thanks Sridhar for making tutorials. Appreciate your effort.

👍🏻

Nice class, but why bother create a new attribute when it doesnt change anything, it doesnt link with anything, what is the use

Hey., I have a question. What is the use of attribute binding. I understood how to use but when is this required? When is this used?

HI Sridhar, can you share notes and git repo path

what is use of attribute binding

what is use of attribute binding and in which case we will use?

Is it possible to access these attr values at runtime?

Thankyou Sridhar sir

Angular 9 Tutorial For Beginners #20 - Attribute Binding

- Is a technique that allows the user to bind attributes of elements from component to view
- Can be used for any existing properties or customer attributes
- [att.attribute_name]="'expression'"

app.component.html

<a [href]='hrefValue' [attr.updatedlink]='updatedlink' [attr.data-link]='updatedlink'>Google</a>

app.component.ts

hrefValue='www.google.com';
updatedlink='www.yahoo.com';

Hi Sridhar. What kind of binding is below example called? Does this come under property binding? or we must use [href] in square braces to call it property binding?
<a href="{{hrefValue}}">Click Me</a>

Excellent differentiated between attribute and property binding. I too many times confused a lot of times. thanks a lot for your great clear explanation. Provide us real-time examples as well on these please.

Sir Wat is the use of this attribute binding
Iam not getting how can it work for my app, and u missed style binding also

Hi.. What is the use of these custom attributes..? HTML given attributes have their own significance.. but these are for?

How to do list binding in angular