AngularJS入門教程（一）：靜態(tài)模板
更新時間：2014年12月06日 15:52:22 投稿：junjie
這篇文章主要介紹了AngularJS入門教程（一）：靜態(tài)模板,本文是系列文章的第二篇,本系列會用一個項目來講解AngularJS的使用,需要的朋友可以參考下
為了說明angularJS如何增強了標準HTML，我們先將創(chuàng)建一個靜態(tài)HTML頁面模板，然后把這個靜態(tài)HTML頁面模板轉(zhuǎn)換成能動態(tài)顯示的AngularJS模板。
在本步驟中，我們往HTML頁面中添加兩個手機的基本信息，用以下命令將工作目錄重置到步驟1。
復(fù)制代碼 代碼如下:
git checkout -f step-1
請編輯app/index.html文件，將下面的代碼添加到index.html文件中，然后運行該應(yīng)用查看效果。
app/index.html
復(fù)制代碼 代碼如下:
<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>
練習
嘗試添加多個靜態(tài)HTML代碼到index.html， 例如：
復(fù)制代碼 代碼如下:
<p>Total number of phones: 2</p>
總結(jié)
本步驟往應(yīng)用中添加了靜態(tài)HTML手機列表， 現(xiàn)在讓我們轉(zhuǎn)到步驟2以了解如何使用AngularJS動態(tài)生成相同的列表。
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于前后端如何實現(xiàn)登錄token攔截校驗的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2018-09-09
今天小編就為大家分享一篇關(guān)于Angular(5.2->6.1)升級小結(jié)，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2018-12-12
這篇文章主要介紹了angularjs中的e2e測試實例,本文使用Protractor來完成e2e測試,需要的朋友可以參考下2014-12-12
AngularJS基礎(chǔ) ng-options 指令詳解
本文主要介紹AngularJS ng-options 指令,這里對ng-options指令的知識做了詳細整理,并附有詳細的代碼示例,有需要的小伙伴可以參考下2016-08-08
這篇文章主要介紹了ng-zorro-antd 入門初體驗，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
這篇文章主要介紹了ng-alain的sf如何自定義部件,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06
這篇文章主要介紹了AngularJS中的攔截器實例詳解的相關(guān)資料,需要的朋友可以參考下2017-04-04
Ionic + Angular.js實現(xiàn)驗證碼倒計時功能的方法
驗證碼倒計時這個功能相信對大家每個人來說都不陌生，之前介紹了在Android中的實現(xiàn)方法，下面這篇文章主要給大家介紹了利用Ionic + Angular.js實現(xiàn)驗證碼倒計時功能的相關(guān)資料，文中介紹的非常詳細，需要的朋友們下面來一起看看吧。2017-06-06
這篇文章主要介紹了angularJS結(jié)合canvas畫圖例子的方法,需要的朋友可以參考下2015-02-02
AngularJS頁面帶參跳轉(zhuǎn)及參數(shù)解析操作示例
這篇文章主要介紹了AngularJS頁面帶參跳轉(zhuǎn)及參數(shù)解析操作,結(jié)合具體實例形式分析了AngularJS使用URL傳遞參數(shù)及參數(shù)的接收、解析等相關(guān)操作技巧,需要的朋友可以參考下2017-06-06