1. One Way Data Binding : a) {{variable name -One way data binding}}… — All about coding channel.💻🖥 — TG.ME

ALAll about coding channel.💻🖥@all_about_coding · 230 subscribersOpen in TelegramOpen

All about coding channel.💻🖥▶️ Everything written inside @Component is called Decorator.

1. One Way Data Binding :

a) {{variable name -One way data binding}} - Interpolation

<div class="col-6">
1. Interpolation
<p>First Name => {{firstName}}</p>
<div>{{rollNo}}</div>
</div>

b) [Property of element] = "firstName/variable name"-One way data binding - Property Binding

<div class="col-6">
2. Property Binding
<div>
<input type="text" [value]="firstName" name="" id="" >
<br>
<input type="text" [placeholder]="myPlaceHolder" name="" id="">
<br>
<div [class]="div1ClassName" style="height: 100px; width: 100px;"> </div>
</div>
</div>

c) (click)= "showWelcomeMessage()/Any method name"- One way data binding - Event Binding

<div class="col-3">
<button class="btn btn-success" (click)="showWelcomeMessage()">Show Welcome Text</button>
</div>

t.me/all_about_coding/990

August 21, 2026 22