تصف هذه المقالة باختصار بناء الجملة الأساسي لـ jsrender للكائن. شاركه للرجوع إليه. التفاصيل كما يلي:
كمحرك قالب JavaScript ، يعد JSrender ضروريًا للحصول على وظيفة حلقة ، أي. ومع ذلك ، نظرًا لأن JSrender مرن للغاية ، يمكن أن يقبل الكائن فعليًا ككائن حلقة.
يُسمح كلا {{for array}} و {{for Object}}. يمكن للجميع فهم {{for array}} ، وهو اجتياز صفيف وإخراج كل عنصر تلو الآخر. لكن {{for Object}} لا يصدق بعض الشيء ، والوثائق الرسمية تعطي مجرد مثال غير مفيد ، دون أي تفسير.
في البداية ، اعتقدت Xiaocai أن الغرض من {{for Object}} هو اجتياز جميع خصائص الكائن ، ولكن إذا فكرت في الأمر بعناية ، فقد تم تنفيذ هذه الوظيفة {{props Object}}. وظيفة علامة الدعائم هي اجتياز جميع خصائص الكائن. عدد الخصائص الموجودة هناك ، وسيتم حلق عدد المرات. سيكون لكل حلقة خصائص مخفية: المفتاح ، الدعامة ، المفتاح يمثل اسم السمة ، ويمثل الدعامة قيمة السمة ، وهي مريحة للغاية للاستخدام.
في الواقع ، {{for Object}} ليست حلقة ، يمكن فهمها على أنها إدخال (في) ، أي إدخال بيئة الكائن ووضع السياق الحالي للكائن ، على غرار مع Bandbars.js.
على سبيل المثال:
بيانات:
انسخ الرمز كما يلي: {
"العنوان": "فريق A" ،
"أعضاء": [
{
"الاسم": "بيت" ،
"المدينة": "الأعضاء _city" ،
"عنوان": {
"المدينة": "address_city" ،
"City1": "address_city1" ،
"City2": "address_city2"
}
}
]
}
ترميز القالب:
انسخ الرمز كما يلي: {{for member}}
{{for address}}
<p>. {{: City}} </p>
{{/ل}}
{{/ل}}
نتيجة:
نسخة الكود كما يلي: address_city
من النتائج ، يمكننا أن نرى أنه على الرغم من أن عنصر الأعضاء يحتوي أيضًا على سمة المدينة ، نظرًا لأنهم يدخلون الكائن الذي يتم الإشارة إليه بواسطة العنوان من خلال {for address}} ، يتم الحصول على {{: city}} مباشرة من العنوان.
في الوقت نفسه ، يحتوي العنوان على ثلاث خصائص ، ولكن يتم إخراج سطر واحد فقط نتيجة ، مما يثبت أن {{for Object}} لا يحلق ، فقط تبديل هذا.
آمل أن يكون هذا المقال مفيدًا لتعلم برمجة JSRender للجميع.