AngularJS教程_20141001

ID：32299396

大小：631.98 KB

頁數(shù)：40頁

時間：2019-02-02

資源描述：

《AngularJS教程_20141001》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。

1、W3SchoolAngularJS教程來源：www.w3cschool.cc整理：飛龍日期：2014.10.1AngularJS簡介AngularJS是一個JavaScript框架。它可通過我們建議把腳本放在元素的底部。這會提高網(wǎng)頁加載速度，因為HTML加載不受制于腳本加載。AngularJS擴展了HTMLAngularJS通過ng-directives擴展了HTML。ng-app指令定義一個AngularJS應(yīng)用程序。ng-model指令把元素值（比如輸入域的值）綁定到應(yīng)用程序。ng-bind指令把應(yīng)用程序數(shù)據(jù)綁定到HTML視圖。AngularJS實例

在輸入框中嘗試輸入：

3、p>

姓名：

實例講解：當(dāng)網(wǎng)頁加載完畢，AngularJS自動開啟。ng-app指令告訴AngularJS，

元素是AngularJS應(yīng)用程序的"所有者"。ng-model指令把輸入域的值綁定到應(yīng)用程序變量name。ng-bind指令把應(yīng)用程序變量name綁定到某個段落的i

4、nnerHTML。如果您移除了ng-app指令，HTML將直接把表達式顯示出來，不會去計算表達式的結(jié)果。什么是AngularJS？"AngularJS是專門為應(yīng)用程序設(shè)計的HTML。"AngularJS使得開發(fā)現(xiàn)代的單一頁面應(yīng)用程序（SPAs：SinglePageApplications）變得更加容易。AngularJS把應(yīng)用程序數(shù)據(jù)綁定到HTML元素。AngularJS可以克隆和重復(fù)HTML元素。AngularJS可以隱藏和顯示HTML元素。AngularJS可以在HTML元素"背后"添加代碼。AngularJS支持輸入驗證。AngularJS指令正如您所看到的，AngularJS指

5、令是以ng作為前綴的HTML屬性。ng-init指令初始化AngularJS應(yīng)用程序變量。AngularJS實例

姓名為

HTML5允許擴展的（自制的）屬性，以data-開頭。AngularJS屬性以ng-開頭，但是您可以使用data-ng-來讓網(wǎng)頁對HTML5有效。帶有有效的HTML5：AngularJS實例

姓名為<

6、spandata-ng-bind="firstName">

AngularJS表達式AngularJS表達式寫在雙大括號內(nèi)：{{expression}}。AngularJS表達式把數(shù)據(jù)綁定到HTML，這與ng-bind指令有異曲同工之妙。AngularJS將在表達式書寫的位置"輸出"數(shù)據(jù)。AngularJS表達式很像JavaScript表達式：它們可以包含文字、運算符和變量。實例{{5+5}}或{{firstName+""+lastName}}AngularJS實例

我的

7、第一個表達式：{{5+5}}

AngularJS教程_20141001

AngularJS教程_20141001

相關(guān)文章

相關(guān)標(biāo)簽