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