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.
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
<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:
<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.
Di atas adalah informasi yang memilah template statis AngularJS. Kami akan terus menambahkan informasi yang relevan di masa mendatang. Terima kasih atas dukungan Anda untuk situs ini!