# Fondamenti di Angular (Angular)

> Components, templates, data binding, direttive strutturali, ngFor, ngIf, interpolazione, property binding, event binding

- 20 domande da colloquio
- Junior
- [Domande da colloquio: Angular](https://sharpskill.dev/it/technologies/angular/domande-colloquio.md)

## 1. Cos'è un component in Angular?

**Risposta**

Un component è un elemento costitutivo fondamentale di un'applicazione Angular che controlla una porzione dell'interfaccia utente. Combina un template HTML, stili CSS e una classe TypeScript con il decoratore @Component. Questa architettura consente di creare interfacce riutilizzabili e modulari, promuovendo la separazione delle responsabilità tra vista e logica di business.

## 2. Quale sintassi mostra una variabile TypeScript nel template?

**Risposta**

L'interpolazione con doppie parentesi graffe {{ variable }} inserisce valori dinamici nel template HTML. Angular valuta l'espressione TypeScript e converte il risultato in una stringa visualizzata nel DOM. Questa sintassi viene utilizzata per visualizzare proprietà del component, eseguire calcoli semplici o chiamare metodi che restituiscono valori.

## 3. Come associare una proprietà HTML a una variabile del component?

**Risposta**

Il property binding con parentesi quadre [property]="variable" associa una proprietà di un elemento DOM a un'espressione TypeScript. Angular valuta l'espressione e aggiorna automaticamente la proprietà quando si verificano cambiamenti. Questa sintassi è unidirezionale (component verso template) e si applica ad attributi HTML standard, proprietà personalizzate o input di component figli.

## Altre 17 domande disponibili

- Quale sintassi cattura un evento utente nel template?
- Cosa fa la direttiva *ngIf in un template Angular?

Registrati gratis: https://sharpskill.dev/it/login

## Altri argomenti di colloquio Angular

- [Fondamenti di TypeScript](https://sharpskill.dev/it/technologies/angular/domande-colloquio/typescript-basics.md): 25 domande, Junior
- [TypeScript Avanzato](https://sharpskill.dev/it/technologies/angular/domande-colloquio/typescript-advanced.md): 20 domande, Junior
- [Componenti e ciclo di vita](https://sharpskill.dev/it/technologies/angular/domande-colloquio/components-lifecycle.md): 20 domande, Junior
- [Services & Dependency Injection](https://sharpskill.dev/it/technologies/angular/domande-colloquio/services-dependency-injection.md): 20 domande, Junior
- [Organizzazione dei moduli Angular](https://sharpskill.dev/it/technologies/angular/domande-colloquio/modules-organization.md): 22 domande, Mid-Level
- [Angular CLI](https://sharpskill.dev/it/technologies/angular/domande-colloquio/angular-cli.md): 18 domande, Junior
- [Direttive e Pipe](https://sharpskill.dev/it/technologies/angular/domande-colloquio/directives-pipes.md): 22 domande, Mid-Level
- [Routing e Navigazione](https://sharpskill.dev/it/technologies/angular/domande-colloquio/routing-navigation.md): 24 domande, Mid-Level
- [Form reattivi](https://sharpskill.dev/it/technologies/angular/domande-colloquio/forms-reactive.md): 26 domande, Mid-Level
- [Form template-driven](https://sharpskill.dev/it/technologies/angular/domande-colloquio/forms-template-driven.md): 16 domande, Mid-Level
- [Fondamenti di RxJS](https://sharpskill.dev/it/technologies/angular/domande-colloquio/rxjs-fundamentals.md): 22 domande, Mid-Level
- [Operatori RxJS](https://sharpskill.dev/it/technologies/angular/domande-colloquio/rxjs-operators.md): 24 domande, Mid-Level
- [HttpClient e chiamate API](https://sharpskill.dev/it/technologies/angular/domande-colloquio/http-client.md): 22 domande, Mid-Level
- [Gestione dello stato di base](https://sharpskill.dev/it/technologies/angular/domande-colloquio/state-management-basics.md): 20 domande, Mid-Level
- [Change Detection](https://sharpskill.dev/it/technologies/angular/domande-colloquio/change-detection.md): 20 domande, Mid-Level
- [Angular Signals](https://sharpskill.dev/it/technologies/angular/domande-colloquio/angular-signals.md): 20 domande, Mid-Level
- [Standalone Components](https://sharpskill.dev/it/technologies/angular/domande-colloquio/standalone-components.md): 18 domande, Mid-Level
- [Test unitari in Angular](https://sharpskill.dev/it/technologies/angular/domande-colloquio/testing-unit.md): 22 domande, Mid-Level
- [Testing End-to-End](https://sharpskill.dev/it/technologies/angular/domande-colloquio/testing-e2e.md): 18 domande, Mid-Level
- [Build e ottimizzazione](https://sharpskill.dev/it/technologies/angular/domande-colloquio/build-optimization.md): 20 domande, Mid-Level
- [Fondamenti di NgRx](https://sharpskill.dev/it/technologies/angular/domande-colloquio/ngrx-fundamentals.md): 24 domande, Senior
- [NgRx avanzato](https://sharpskill.dev/it/technologies/angular/domande-colloquio/ngrx-advanced.md): 24 domande, Senior
- [Architettura Angular](https://sharpskill.dev/it/technologies/angular/domande-colloquio/angular-architecture.md): 22 domande, Senior
- [Ottimizzazione delle performance](https://sharpskill.dev/it/technologies/angular/domande-colloquio/performance-optimization.md): 22 domande, Senior
- [Sicurezza e best practice](https://sharpskill.dev/it/technologies/angular/domande-colloquio/security-best-practices.md): 20 domande, Senior
- [Pattern RxJS avanzati](https://sharpskill.dev/it/technologies/angular/domande-colloquio/advanced-rxjs-patterns.md): 22 domande, Senior
- [Angular Universal e SSR](https://sharpskill.dev/it/technologies/angular/domande-colloquio/angular-universal-ssr.md): 20 domande, Senior
- [Micro-frontend Angular](https://sharpskill.dev/it/technologies/angular/domande-colloquio/micro-frontends-angular.md): 20 domande, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/it/technologies/angular/domande-colloquio/angular-fundamentals