Bird
0
0

Given the component code:

medium📝 component behavior Q13 of 15
Angular - Templates and Data Binding
Given the component code:
export class AppComponent { name = 'Alice'; age = 30; }
What will be displayed by this template snippet?
<p>Name: {{ name }}</p>
<p>Age next year: {{ age + 1 }}</p>
AName: Alice Age next year: 31
BName: {{ name }} Age next year: {{ age + 1 }}
CName: Alice Age next year: age + 1
DName: undefined Age next year: NaN
Step-by-Step Solution
Solution:
  1. Step 1: Evaluate interpolation of name

    The variable name is 'Alice', so {{ name }} outputs 'Alice'.
  2. Step 2: Evaluate expression age + 1

    The variable age is 30, so {{ age + 1 }} outputs 31.
  3. Final Answer:

    Name: Alice Age next year: 31 -> Option A
  4. Quick Check:

    Interpolation evaluates expressions correctly [OK]
Quick Trick: Interpolation can calculate simple expressions inside {{ }} [OK]
Common Mistakes:
  • Expecting interpolation to show raw code
  • Not realizing expressions inside {{ }} are evaluated
  • Confusing string concatenation with addition

Want More Practice?

15+ quiz questions · All difficulty levels · Free

Free Signup - Practice All Questions
More Angular Quizzes