[Solved] Which of the following is the correct syntax to bind a click event in an Angular template? — Ans: <button (click)="doSomething()">Click</button> | Angular

Angular - Templates and Data Binding

Which of the following is the correct syntax to bind a click event in an Angular template?

A<code><button <click>="doSomething()">Click</button></code>

B<code><button (click)="doSomething()">Click</button></code>

C<code><button [click]="doSomething()">Click</button></code>

D<code><button {click}="doSomething()">Click</button></code>

Step-by-Step Solution

Solution:

Step 1: Recall Angular event binding syntax
Angular uses parentheses around event names to bind events, like (click).
Step 2: Check each option
Only <button (click)="doSomething()">Click</button> uses the correct (click) syntax with quotes and parentheses.
Final Answer:
<button (click)="doSomething()">Click</button> -> Option B
Quick Check:
Event binding uses (event) syntax [OK]

Quick Trick: Event bindings always use parentheses (event) [OK]

Common Mistakes:

Master "Templates and Data Binding" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

Which of the following is the correct syntax to bind a click event in an Angular template?