# Dasar-Dasar Angular (Angular)

> Components, templates, data binding, direktif struktural, ngFor, ngIf, interpolasi, property binding, event binding

- 20 pertanyaan wawancara
- Junior
- [Pertanyaan Wawancara: Angular](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara.md)

## 1. Apa itu component di Angular?

**Jawaban**

Component adalah blok bangunan fundamental dari aplikasi Angular yang mengontrol bagian dari antarmuka pengguna. Component menggabungkan template HTML, gaya CSS, dan kelas TypeScript dengan decorator @Component. Arsitektur ini memungkinkan pembuatan antarmuka yang dapat digunakan kembali dan modular, mempromosikan pemisahan tanggung jawab antara tampilan dan logika bisnis.

## 2. Sintaks mana yang menampilkan variabel TypeScript di template?

**Jawaban**

Interpolasi dengan kurung kurawal ganda {{ variable }} menyisipkan nilai dinamis ke dalam template HTML. Angular mengevaluasi ekspresi TypeScript dan mengonversi hasilnya menjadi string yang ditampilkan di DOM. Sintaks ini digunakan untuk menampilkan properti component, melakukan perhitungan sederhana, atau memanggil metode yang mengembalikan nilai.

## 3. Bagaimana cara mengikat properti HTML ke variabel component?

**Jawaban**

Property binding dengan tanda kurung siku [property]="variable" mengikat properti elemen DOM ke ekspresi TypeScript. Angular mengevaluasi ekspresi dan memperbarui properti secara otomatis saat terjadi perubahan. Sintaks ini satu arah (component ke template) dan berlaku untuk atribut HTML standar, properti kustom, atau input component anak.

## 17 pertanyaan lagi tersedia

- Sintaks mana yang menangkap event pengguna di template?
- Apa yang dilakukan direktif *ngIf di template Angular?

Daftar gratis: https://sharpskill.dev/id/login

## Topik wawancara Angular lainnya

- [Dasar-dasar TypeScript](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/typescript-basics.md): 25 pertanyaan, Junior
- [TypeScript Lanjutan](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/typescript-advanced.md): 20 pertanyaan, Junior
- [Komponen dan siklus hidup](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/components-lifecycle.md): 20 pertanyaan, Junior
- [Services & Dependency Injection](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/services-dependency-injection.md): 20 pertanyaan, Junior
- [Organisasi Modul Angular](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/modules-organization.md): 22 pertanyaan, Mid-Level
- [Angular CLI](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/angular-cli.md): 18 pertanyaan, Junior
- [Direktif dan Pipe](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/directives-pipes.md): 22 pertanyaan, Mid-Level
- [Routing dan Navigasi](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/routing-navigation.md): 24 pertanyaan, Mid-Level
- [Reactive Forms](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/forms-reactive.md): 26 pertanyaan, Mid-Level
- [Template-driven Forms](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/forms-template-driven.md): 16 pertanyaan, Mid-Level
- [Dasar-Dasar RxJS](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/rxjs-fundamentals.md): 22 pertanyaan, Mid-Level
- [Operator RxJS](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/rxjs-operators.md): 24 pertanyaan, Mid-Level
- [HttpClient & Panggilan API](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/http-client.md): 22 pertanyaan, Mid-Level
- [Manajemen State Dasar](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/state-management-basics.md): 20 pertanyaan, Mid-Level
- [Change Detection](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/change-detection.md): 20 pertanyaan, Mid-Level
- [Angular Signals](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/angular-signals.md): 20 pertanyaan, Mid-Level
- [Standalone Components](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/standalone-components.md): 18 pertanyaan, Mid-Level
- [Unit Testing Angular](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/testing-unit.md): 22 pertanyaan, Mid-Level
- [Pengujian End-to-End](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/testing-e2e.md): 18 pertanyaan, Mid-Level
- [Build dan optimasi](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/build-optimization.md): 20 pertanyaan, Mid-Level
- [Dasar-dasar NgRx](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/ngrx-fundamentals.md): 24 pertanyaan, Senior
- [NgRx Lanjutan](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/ngrx-advanced.md): 24 pertanyaan, Senior
- [Arsitektur Angular](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/angular-architecture.md): 22 pertanyaan, Senior
- [Optimisasi Performa](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/performance-optimization.md): 22 pertanyaan, Senior
- [Keamanan dan Praktik Terbaik](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/security-best-practices.md): 20 pertanyaan, Senior
- [Pola RxJS Lanjutan](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/advanced-rxjs-patterns.md): 22 pertanyaan, Senior
- [Angular Universal & SSR](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/angular-universal-ssr.md): 20 pertanyaan, Senior
- [Micro-frontend Angular](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/micro-frontends-angular.md): 20 pertanyaan, Senior

---

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