W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
為了演示Angular如何增強(qiáng)靜態(tài)HTML,你可以創(chuàng)建一個(gè)純靜態(tài)HTML網(wǎng)頁,然后仔細(xì)觀察我們可以如何把這些HTML代碼變成一個(gè)模板,從而Angular可以用來動(dòng)態(tài)顯示同樣的結(jié)果、以任何數(shù)據(jù)集顯示結(jié)果。
在這一步中,你將在一個(gè)HTML頁面中添加關(guān)于兩款手機(jī)的基本的信息。
把工作空間重置到第一步
git checkout -f step-1
刷新你的瀏覽器或在線檢查這一步:Step 1 Live Demo
下面列出了第零步和第一步之間的最重要的區(qū)別。你可以在GitHub里看到完整的差異。
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>
index.html
添加更多的靜態(tài)HTML。比如:<p>Total number of phones: 2</p>
額外對(duì)你的應(yīng)用使用靜態(tài)HTML以顯示這個(gè)列表。現(xiàn)在,讓我們前往第二步 Angular模板以學(xué)習(xí)如何使用AngularJS以動(dòng)態(tài)生成同一個(gè)列表。
在下一節(jié)內(nèi)容中,我們將介紹 AngularJS 靜態(tài)模板。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: