Saya telah melihat sejumlah pertanyaan tentang StackOverflow membahas ng-transclude, tetapi tidak ada yang menjelaskan dalam istilah awam apa itu.
Deskripsi dalam dokumentasi adalah sebagai berikut:
Arahan yang menandai titik penyisipan untuk DOM yang ditransklusikan dari direktif induk terdekat yang menggunakan transklusi.
Ini cukup membingungkan. Apakah seseorang dapat menjelaskan secara sederhana apa yang dimaksud dengan ng-transclude dan di mana itu dapat digunakan?
angularjs
angularjs-directive
transclusion
Pembisik kode
sumber
sumber
Jawaban:
Transclude adalah pengaturan untuk memberitahu angular untuk menangkap semua yang dimasukkan ke dalam direktif dalam markup dan menggunakannya di suatu tempat (Di mana sebenarnya
ng-transclude
adalah di) dalam template direktif. Baca lebih lanjut tentang ini di bawah Membuat Petunjuk yang Membungkus Bagian Elemen Lain tentang dokumentasi arahan .Jika Anda menulis arahan khusus, Anda menggunakan ng-transclude dalam template direktif untuk menandai titik di mana Anda ingin memasukkan isi elemen
Jika Anda menempatkan ini di markup Anda
Itu akan muncul seperti:
Contoh lengkap:
Index.html
jscript.js
Output markup
Visualisasikan:
sumber
transclude
.itu semacam hasil, semuanya dari element.html () akan ditampilkan di sana tetapi atribut arahan masih terlihat dalam cakupan tertentu.
sumber
yield
sepertinya analogi yang bagus.