Tutorial Bermula AngularJS (1): Static Template

Tutorial Bermula AngularJS (1): Static Template_AngularJS

WBOY

Lepaskan： 2016-05-16 16:28:31

asal

1581 orang telah melayarinya

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.