AngularJS入門教程之靜態模板詳解_AngularJS

為了說明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的靜態模版的資料整理，後續繼續補充相關資料，謝謝大家對本站的支援！