Langsung ke konten utama

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
Label:

Komentar

Posting Komentar

Saya senang mendapatkan feedback apapun dari pembaca semua.

Postingan populer dari blog ini

Algoritma dan Program untuk Pemesanan Tiket Kereta Api.

Assalamualaikum.. Apa kabar kalian semua udah lama ni saya gak posting materi saking sibuknya.. kali ini admin mau posting materi pemrograman ni semoga bermanfaat.. 1.Algoritma Pemesanan Tiket Kereta Api 1.Deklarasikan Variabel, Integer, Menu. 2.Deklarasikan Var Float, Bisnis, ekonomi,eksekutip,jumlah, hasil,total diskon 3.Rute             1. Lampung-Palembang             2.Lampung-Jakarta 4.Jenis tiket : 1.       Kelas Eksekutif Ø   Jika tiket >=10,maka dapat diskon 20% dari harga total Ø   Jika tiket>=5,diskon 10% dari total harga tiket Ø   Jika <5, maka tidak mendapatkan diskon 2.       Kelas Bisnis Ø   Jika tiket >=10,diskon 15% Ø   Jika tiket >=5, diskon 10% Ø   Jika <5, tidak dapat diskon 3.       Kelas Ekonomi Ø...
1 komentar
Baca selengkapnya

Algoritma untuk menentukan bilangan ganjil dan genap serta contohnya dalam bahasa pemrograman java dan javascript.

Algoritma untuk mencari bilangan ganjil dan genap adalah sebagai berikut: Mulai program Masukkan bilangan yang akan diperiksa Periksa apakah bilangan tersebut genap atau ganjil Jika bilangan tersebut genap, tampilkan "Bilangan genap" Jika bilangan tersebut ganjil, tampilkan "Bilangan ganjil" Selesai program Berikut adalah contoh implementasi algoritma tersebut dalam bahasa Java: import java.util.Scanner; public class GanjilGenap {     public static void main(String[] args) {         Scanner scanner = new Scanner(System.in);         System.out.print("Masukkan bilangan: ");         int bilangan = scanner.nextInt();         if(bilangan % 2 == 0) {             System.out.println("Bilangan genap");         } else {             System.out.println("Bilangan ganjil");     ...
Posting Komentar
Baca selengkapnya

Detach dan Attach Database pada SQL Server 2000

Detach dan Attach Database pada SQL Server 2000 Selamat siang sahabat bloger, kali ini saya akan mengshare mengenai cara Attach dan Deattach database pada SQL Server. Yang mana perlu diketahui fungsi dari attach dan deattach database ini yaitu berguna untuk membackup database yang ada pada SQL Server. Baiklah berikut langkah-langkahnya, silahkan disimak. Pertama buka Enterprise Manager dari SQL Server 2000, kemudian lakukan koneksi dengan localhost missalnya dengan mengklik local host. Kemudian akan muncul jendela seperti berikut, kita klik ok saja. Setelah itu akan muncul halaman seperti berikut. Kemudian buka pada database, maka akan muncul nama-nama database yang telah tersimpan pada SQL Sever. Kemudian pilih salah satu database, klik kanan pada database yang dipilih dan pilih pada tab all task kemudian pilih deatach database untuk memasang/ mencopot database dari SQL Server kita. Apabila langkah tersebut berhasil maka dat...
Posting Komentar
Baca selengkapnya