Pengertian Component pada Angular

Component pada Angular

Angular component adalah building block pada suatu project angular, yaitu dimana content dari aplikasi diletakkan. Angular adalah platform dan kerangka kerja untuk membangun aplikasi klien dalam HTML dan TypeScript. Angular ditulis dalam TypeScript. Ini mengimplementasikan fungsi inti dan opsional sebagai satu set library TypeScript yang Anda impor ke aplikasi Anda.

Blok bangunan dasar aplikasi Angular adalah NgModules, yang menyediakan konteks kompilasi untuk komponen. NgModules mengumpulkan kode terkait ke dalam set fungsional; aplikasi Sudut didefinisikan oleh satu set NgModules. Sebuah aplikasi selalu memiliki setidaknya modul root yang memungkinkan bootstrapping, dan biasanya memiliki lebih banyak modul fitur.
Komponen menentukan tampilan, yang merupakan set elemen layar yang dapat dipilih Angular di antara dan dimodifikasi sesuai dengan logika dan data program Anda.

Komponen menggunakan layanan, yang menyediakan fungsi spesifik yang tidak terkait langsung dengan tampilan. Penyedia layanan dapat disuntikkan ke dalam komponen sebagai dependensi, membuat kode Anda modular, dapat digunakan kembali, dan efisien.

Baik komponen dan layanan hanya kelas, dengan dekorator yang menandai jenis mereka dan memberikan metadata yang memberi tahu Sudut cara menggunakannya.

Metadata untuk kelas komponen mengaitkannya dengan template yang mendefinisikan tampilan. Template menggabungkan HTML biasa dengan arahan Sudut dan markup mengikat yang memungkinkan Angular untuk memodifikasi HTML sebelum menampilkannya untuk ditampilkan.

Metadata untuk kelas layanan menyediakan informasi kebutuhan Sudut untuk membuatnya tersedia untuk komponen melalui injeksi ketergantungan (DI).

Contoh penulisan component pada project Angular yaitu sebagai berikut :



import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    <h1>{{title}}</h1>
    <h2>My favorite hero is: {{myHero}}</h2>
    `
})
export class AppComponent {
  title = 'Tour of Heroes';
  myHero = 'Windstorm';
}

Script diatas merupakan contoh dari suatu component dalam Angular yang mana terdapat 2 variable yang telah kita definisikan yaitu "title"  dan "myHero".

Demikian mengenai component pada Angular untuk peraktik lebih jelasnya agan" bisa kunjungi langsung website resminya, tapi english ya : https://angular.io