AngularJS mendukung properti tag yang ditentukan pengguna dan menambahkan konten khusus tanpa menggunakan operasi DOM Node.
Empat fitur utama AngularJS disebutkan sebelumnya:
1 MVC
2 modular
3 instruksi
4 Ikatan Data Dua Jalan
Berikut ini akan diperkenalkan:
1 Cara Menyesuaikan Perintah
2 Penggunaan Instruksi Kustom
3 Penggunaan Arahan Kustom Inline
Cara menyesuaikan arahan:
Angular adalah kerangka kerja berbasis modul, jadi Anda harus membuat modul sendiri:
var myAppModule = angular.module ("myapp", []);
Kemudian buat arahan di modul ini
myAppModule.directive ("xingoo", function () {return {restrict: 'aECM', template: '<verv> halo arahan saya </div>', penggantian: true}});Di antara mereka, Xingoo adalah nama tag khusus kami, diikuti oleh fungsi metodenya.
Fungsi mengembalikan kombinasi pasangan nilai kunci, yang mendefinisikan metode penggunaan, properti, dll. Dari tag.
Mari kita lihat apa yang didefinisikannya:
1 Batasi: Menentukan metode penggunaan tag, dengan total empat jenis, yaitu AECM
2 Template: Tentukan template untuk tag. Di dalam adalah string yang digunakan untuk mengganti tag khusus
3 Penggantian: Apakah akan mendukung penggantian
4 Transclude: Apakah akan mendukung tertanam
Cara menggunakan perintah:
Di atas disebutkan empat cara untuk menggunakan label, yaitu AECM.
Atribut: Digunakan sebagai atribut
<Div Xingoo> </Div>
Elemen E: digunakan sebagai elemen label
<xingoo> </singoo>
C Kelas: Digunakan sebagai Gaya CSS
<div> </div>
Komentar M Komentar: Digunakan sebagai Komentar (Metode ini tidak tersedia di versi 1.2!)
<!-Directive: Xingoo->
<div> </div>
Secara umum, disarankan untuk menggunakannya sebagai atribut dan elemen.
Ketika Anda ingin memperluas atribut pada tag HTML yang ada, gunakan metode atribut.
Saat Anda ingin menyesuaikan tag, ambil bentuk tag.
Untuk menggunakan metode itu, Anda harus mendeklarasikan surat yang sesuai dalam pembatasan dalam Petunjuk Definisi.
Penggunaan arahan sebaris:
Karena tag lain dapat bersarang di dalam tag, jika Anda ingin bersarang tag elemen lain dalam tag khusus, Anda perlu:
1 Gunakan properti Transclude, disetel ke True.
2 dan gunakan properti NG-Transclude untuk menentukan lokasi bersarang internal.
Kodenya adalah sebagai berikut:
myAppModule.directive ("test", function () {return {restrict: 'AECM', translate: true, template: "<verv> haha! <v ng ng-transclude> </div> wuwu! </div>"}});Semua kode
<! Doctype html> <html ng-app = "myapp"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/<script src = "http:/apapps.bdimg.com/libs/angular.js =" http:12.mal </head> <body> <singoo> </xingoo> <Div Xingoo> </div> <div> </div> <!-Directive: Xingoo-> <dv> </div> <hr> <singoo> 3333 </xingoo> <hest> <hest> 4444 </test> <cript typy = "TECPM/JAV/TECKPM/<HR> <HR> <HR> 444 </test> </testpm =" TEAMPM/TEKPM/TEKS/TEKS/TEKS/TEKS/TEKS/TEKPRET/TEKST/TEKS/TEKS/TEAMPM/TEKPRET/TEKS/TEAMPM/TEAMPM/TEAMPM/TEAMPM/TEAMPM/TEKS/TEKST. angular.module ("myapp", []); myAppModule.directive ("xingoo", function () {return {restrict: 'aECM', template: '<verv> halo arahan saya </div>', penggantian: true}}); myAppModule.directive ("test", function () {return {restrict: 'aECM', transclude: true, template: "<verv> haha! <Div ng-transclude> </div> wuwu! </div>"}}); </script> </body> </html>Hasil berjalan
Di atas adalah informasi yang memilah arahan khusus AngularJS. Kami akan terus menambahkan informasi yang relevan di masa mendatang. Terima kasih atas dukungan Anda untuk situs ini!