Untuk mengilustrasikan bagaimana AngularJS meningkatkan HTML standar, pertama -tama kita akan membuat templat halaman HTML statis dan kemudian mengonversi template halaman HTML statis ini menjadi templat AngularJS yang dapat ditampilkan secara dinamis.
Pada langkah ini, kami menambahkan informasi dasar dari dua ponsel ke halaman HTML dan mengatur ulang direktori kerja ke langkah 1 dengan perintah berikut.
Salinan kode adalah sebagai berikut:
checkout git -f langkah -1
Harap edit file app/index.html, tambahkan kode berikut ke file index.html, dan kemudian jalankan aplikasi untuk melihat efeknya.
app/index.html
Salinan kode adalah sebagai berikut:
<ul>
<li>
<span> nexus s </span>
<p>
Cepat hanya menjadi lebih cepat dengan Nexus S.
</p>
</li>
<li>
<span> Motorola Xoom ™ dengan Wi-Fi </span>
<p>
Tablet generasi berikutnya.
</p>
</li>
</ul>
praktik
Coba tambahkan beberapa kode HTML statis ke index.html, misalnya:
Salinan kode adalah sebagai berikut:
<p> Jumlah Total Ponsel: 2 </p>
Meringkaskan
Langkah ini menambahkan daftar telepon HTML statis ke aplikasi, sekarang mari kita lanjutkan ke Langkah 2 untuk memahami cara menghasilkan daftar yang sama secara dinamis menggunakan AngularJS.