為了說明angularJS如何增強了標準HTML,我們先將創建一個靜態HTML頁面模板,然后把這個靜態HTML頁面模板轉換成能動態顯示的AngularJS模板。
在本步驟中,我們往HTML頁面中添加兩個手機的基本信息,用以下命令將工作目錄重置到步驟1。
請編輯app/index.html文件,將下面的代碼添加到index.html文件中,然后運行該應用查看效果。
app/index.html
練習
嘗試添加多個靜態HTML代碼到index.html, 例如:
總結
本步驟往應用中添加了靜態HTML手機列表, 現在讓我們轉到步驟2以了解如何使用AngularJS動態生成相同的列表。
新聞熱點
疑難解答