Q1. What is a template in Angular?
A template is an HTML file (or inline HTML) that defines the view of a component. Templates can include data bindings, directives, and custom components. They are written in enhanced HTML with Angular-specific syntax. Angular compiles templates into JavaScript for efficient rendering.
Q2. What is interpolation in Angular?
Interpolation is a one-way data binding technique that embeds component properties into the template using double curly braces {{ expression }}. The expression is evaluated and converted to a string. Example:
Hello {{ name }}!
Q3. What expressions are allowed in interpolation?
Interpolation can contain any JavaScript expression that doesn''t have side effects, such as: arithmetic ({{ a + b }}), ternary ({{ condition ? ''yes'' : ''no'' }}), method calls ({{ getName() }}), and property access ({{ user.name }}). It cannot include assignments, new operators, or chained statements.
Q4. How do you use template reference variables?
Template reference variables (#var) give a name to a DOM element or directive within the template. They can be used elsewhere in the template. Example:
Q5. What is the difference between template and templateUrl?
The template property is used to define inline HTML as a string. templateUrl points to an external HTML file. Use template for small templates, and templateUrl for larger ones. Both achieve the same result, but keeping templates in separate files improves maintainability.