為了說明angularJS如何增強了標準HTML，我們先將創建一個靜態HTML頁面模板，然後把這個靜態HTML頁面模板轉換成能動態顯示的AngularJS模板。
在本步驟中，我們往HTML頁面中添加兩個手機的基本信息，用以下命令將工作目錄重置到步驟1。
git checkout -f step-1
請編輯app/index.html文件，將下面的代碼添加到index.html文件中，然後運行該應用查看效果。
app/index.html
<ul> <li> <span>Nexus S</span> <p> Fast just got faster with Nexus S. </p> </li> <li> <span>Motorola XOOM™ with Wi-Fi</span> <p> The Next, Next Generation tablet. </p> </li></ul>
練習
嘗試添加多個靜態HTML代碼到index.html， 例如：
<p>Total number of phones: 2</p>
總結
本步驟往應用中添加了靜態HTML手機列表， 現在讓我們轉到步驟2以了解如何使用AngularJS動態生成相同的列表。
以上就是AngularJS的靜態模版的資料整理，後續繼續補充相關資料，謝謝大家對本站的支持！