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

Program Sederhana Untuk Menentukan Lulus Dan Tidak Lulus

Assalamualaikum. Sore ini admin mau share program sederhana untuk menentukan Lulus/Tidak Lulus, yaitu dengan cara memasukan sebuah nilai angka ke dalam program. 1.Coding Program dengan Bahasa C++   #include <iostream> #include <cstring> using namespace std; int main () {     int nilai;     //char LULUS, TIDAK_LULUS;     cout <<"    MENENTUKAN KELULUSAN";     cout<<endl;     cout<<endl;     //meminta input dari keyboard     cout <<"    Masukkan Nilai Anda : ";     cin >>nilai;         //melakukan pengecekan terhadap nilai MENGGUNAKAN OPERATOR TERNARY     cout <<(nilai>=75 ? "    ANDA LULUS" : "    ANDA TIDAK LULUS"); return 0; } 2.Hasil Execute Program Semoga Bermanfaat :)
Posting Komentar
Baca selengkapnya

Back-Up Database pada SQL Server 2000

  Cara Backup Database Pada SQL Server 2000 Sebagai seorang programmer kita pasti selau berurusan dengan database salah satunya adalah SQL Server. Untuk membuat database kita selalu aman dari gangguan dan error seperti database suspect, server rusak, hadrdisk mati bahkan hilang atau dicuri maka salah satu cara antisipasinya yaitu dengan melakukan back up. Dalam melakukan auto backup ada beberapa hal yang harus kita perhatikan seperti folder backup dan lain sebagainya. Artinya secara real time kemungkinan kecil kita bisa mendapatkan database terbaru sebelum terjadi kerusakan, akan tetapi dengan antisipasi ini kita tidak akan kehilangan data secara besar-besaran. Sedangkan untuk melakukan backup database di SQL Server 2000 langkah-langkahnya yaitu sebagai berikut  : 1. Pertama buka Enterprise Manager di SQL 2. Pilih Microsoft  SQL Server-SQL Local Group (local)(windows NT)-Database 3. Klik kanan pada database yang akan dibackup, missal saya ingin memback...
Posting Komentar
Baca selengkapnya