لتوضيح كيفية تعزيز AngularJS HTML القياسي ، سنقوم أولاً بإنشاء قالب صفحة HTML ثابت ثم تحويل قالب صفحة HTML الثابت إلى قالب AngularJS يمكن عرضه ديناميكيًا.
في هذه الخطوة ، نضيف المعلومات الأساسية لهاتين إلى صفحة HTML وإعادة ضبط دليل العمل إلى الخطوة 1 مع الأمر التالي.
git checkout -f step -1
يرجى تحرير ملف التطبيق/index.html ، وإضافة الكود التالي إلى ملف index.html ، ثم قم بتشغيل التطبيق لعرض التأثير.
app/index.html
<ul> <li> <span> nexus s </span> <p> سرع فقط مع Nexus S. </p> </li> <li> <span> Motorola Xoom ™ مع Wi-Fi </span> <p> الجيل التالي ، الجيل التالي. </p> </li> </ul>
يمارس
حاول إضافة رمز HTML ثابت متعددة إلى index.html ، على سبيل المثال:
<p> إجمالي عدد الهواتف: 2 </p>
لخص
تضيف هذه الخطوة قائمة هاتف HTML ثابتة إلى التطبيق ، والآن لنذهب إلى الخطوة 2 لفهم كيفية إنشاء نفس القائمة بشكل ديناميكي باستخدام AngularJS.
ما سبق هو المعلومات التي تقوم بفرز القالب الثابت من AngularJs. سنستمر في إضافة المعلومات ذات الصلة في المستقبل. شكرا لك على دعمك لهذا الموقع!