Tutorial Bermula AngularJS (1): Static Template_AngularJS

Untuk menggambarkan cara angularJS meningkatkan HTML standard, kami akan mula-mula mencipta templat halaman HTML statik, dan kemudian menukar templat halaman HTML statik ini kepada templat AngularJS yang boleh dipaparkan secara dinamik.

Dalam langkah ini, kami menambah maklumat asas kedua-dua telefon mudah alih ke halaman HTML dan menggunakan arahan berikut untuk menetapkan semula direktori kerja ke langkah 1.

Salin kod Kod adalah seperti berikut:

git checkout -f langkah-1

Sila edit fail app/index.html, tambah kod berikut pada fail index.html, dan kemudian jalankan aplikasi untuk melihat kesannya.

app/index.html

Salin kod Kod adalah seperti berikut:

• 
                                                                                                                                                                                                                                                                                                                                                                                                      Pantas menjadi lebih pantas dengan Nexus S.
                                                                                                                                                                                                                                              


• 
                                                                                                                                                                                                                                       Motorola                                                                                                                                                                                                                                              Tablet Seterusnya, Generasi Seterusnya.
                                                                                                                                                                                                                                              

Berlatih

Cuba tambahkan berbilang kod HTML statik pada index.html, sebagai contoh:

Salin kod

Kod adalah seperti berikut:

Jumlah bilangan telefon: 2

Ringkasan

Langkah ini menambahkan senarai telefon HTML statik pada apl, kini mari kita beralih ke langkah 2 untuk mengetahui cara menjana senarai yang sama secara dinamik menggunakan AngularJS.