Describe Angular i18n tooling, translation files, and compile options.
01
01
Understand the problem
i18n
02
02
Attempt it yourself
Sketch your approach before reading the solution — that's what interviews test.
Stuck? AI Nudge Available
Get a conceptual hint to guide your logic without spoiling the final implementation.
03
03
Study the solution
The solution is waiting
Give it an honest attempt first — then compare your thinking with the full walkthrough.
04
04
Read the code
Declaring static translation nodes in templates
import { Component } from '@angular/core';
@Component({
selector: 'app-welcome',
standalone: true,
template: '<h1 i18n="Site greeting@@welcomeMsg">Hello World</h1>' +
'<img i18n-alt alt="User profile icon" src="avatar.jpg" />'
})
export class WelcomeComponent {}05
05
Join the discussion
Discussion (0)
Sign in to join the discussion.
No responses yet. Be the first to share what you think.