Tutorial AngularJS arahan Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari AngularJS arahan,AngularJS contoh,Data Binding,AngularJS contoh,elemen HTML ulangi,AngularJS contoh,AngularJS contoh,ng-aplikasi direktif,ng-init perintah,ng-Model direktif,ng-repeat instruksi,Membuat perintah kustom,AngularJS contoh,Pembatasan Gunakan,
Properti baru ini disebut oleh AngularJS arahan untuk memperpanjang HTML.
AngularJS instruksi built-in untuk aplikasi untuk menambah fungsionalitas.
AngularJS memungkinkan Anda untuk menyesuaikan instruksi.
instruksi AngularJS adalah perluasan dari HTML atribut dengan ng- awalan.
instruksi ng-aplikasi untuk menginisialisasi aplikasi AngularJS.
perintah ng-init untuk menginisialisasi data aplikasi.
ng-Model perintah nilai-nilai elemen (seperti nilai dari field input) terikat ke aplikasi.
Petunjuk lengkap dapat ditemukan dalam isi panduan AngularJS referensi .
ng-aplikasi direktif memberitahu AngularJS, <div> unsur adalah aplikasi AngularJS dari "pemilik."
Sebuah halaman web dapat berisi beberapa aplikasi run AngularJS dalam elemen yang berbeda. |
Dalam contoh di atas {{firstName}} AngularJS ekspresi adalah ekspresi data-mengikat.
AngularJS binding data, disinkronkan dengan AngularJS AngularJS data ekspresi.
{{FirstName}} oleh ng-model = "firstName" sinkronisasi.
Pada contoh berikut, dua bidang teks dihitung melalui dua sinkronisasi instruksi ng-Model:
Gunakan ng-init tidak sangat umum. Anda akan belajar untuk menjadi cara yang lebih baik untuk menginisialisasi data dalam bab kontroler. |
instruksi ng-repeat mengulangi elemen HTML:
instruksi ng-repeat digunakan dalam array obyek:
CRUD AngularJS dukungan database yang sempurna (meningkatkan Buat, baca Baca, Update Update, Delete Delete) aplikasi. Pikirkan contoh benda ke catatan dalam database. |
ng-aplikasi direktif mendefinisikan akar AngularJS elemen aplikasi.
instruksi ng-aplikasi saat halaman dimuat secara otomatis boot (inisialisasi otomatis) aplikasi.
Kemudian Anda akan belajar bagaimana ng-aplikasi dengan nilai (misalnya, ng-app = "mymodule") yang terhubung ke modul kode.
ng-init AngularJS instruksi aplikasi mendefinisikan nilai awal.
Dalam keadaan normal, tidak menggunakan ng-init. Anda akan menggunakan controller atau modul untuk menggantinya.
Kemudian Anda akan belajar lebih banyak tentang pengendali dan modul.
ng model elemen direktif mengikat HTML ke data aplikasi.
ng-Model direktif juga dapat:
instruksi ng-ulang untuk koleksi (array) dari setiap item akan mengkloning elemen HTML.
AngularJS Selain petunjuk built-in, kami juga bisa membuat perintah kustom.
.directive Fungsi dapat Anda gunakan untuk menambahkan perintah kustom.
Untuk memanggil perintah kustom, Anda perlu menambahkan nama perintah kustom pada elemen HTML.
Gunakan metode punuk untuk namadirektif, w3bigDirective, tetapi ketika Anda perlu menggunakannya -segmentasi, w3big-direktif:
Anda dapat menghubungi instruksi dengan cara berikut:
Berikut dengan cara misalnya dapat output hasil yang sama:
Anda dapat membatasi instruksi Anda hanya dapat dipanggil oleh cara tertentu.
Dengan menambahkanmembatasi properti dan menetapkan nilai hanya "A"
, untuk mengatur perintah hanya dapat disebut dengan cara properti:
membatasi nilai mungkin berikut:
E
digunakan sebagai nama elemen A
digunakan sebagai atribut C
digunakan sebagai nama kelas M
sebagai komentar membatasi default adalah EA
, yang dapat dipanggil oleh unsur perintah dan nama atribut.