AngularJS怎么用
這篇文章主要介紹了AngularJS怎么用，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專(zhuān)注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、微信小程序開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶(hù)創(chuàng)新互聯(lián)還提供了利通免費(fèi)建站歡迎大家使用！
angularjs 簡(jiǎn)介
AngularJS 是一個(gè) JavaScript 框架。它可通過(guò)
Note 我們建議把腳本放在
元素的底部。
這會(huì)提高網(wǎng)頁(yè)加載速度，因?yàn)?HTML 加載不受制于腳本加載。
各個(gè) angular.js 版本下載： https://github.com/angular/angular.js/releases
AngularJS 擴(kuò)展了 HTML
AngularJS 通過(guò) ng-directives 擴(kuò)展了 HTML。
ng-app 指令定義一個(gè) AngularJS 應(yīng)用程序。
ng-model 指令把元素值（比如輸入域的值）綁定到應(yīng)用程序。
ng-bind 指令把應(yīng)用程序數(shù)據(jù)綁定到 HTML 視圖。
AngularJS 實(shí)例
名字 :
Hello {{name}}
實(shí)例講解：
當(dāng)網(wǎng)頁(yè)加載完畢，AngularJS 自動(dòng)開(kāi)啟。
ng-app 指令告訴 AngularJS，
元素是 AngularJS 應(yīng)用程序 的"所有者"。
ng-model 指令把輸入域的值綁定到應(yīng)用程序變量 name。
ng-bind 指令把應(yīng)用程序變量 name 綁定到某個(gè)段落的 innerHTML。
Note 如果您移除了 ng-app 指令，HTML 將直接把表達(dá)式顯示出來(lái)，不會(huì)去計(jì)算表達(dá)式的結(jié)果。
什么是 AngularJS？
AngularJS 使得開(kāi)發(fā)現(xiàn)代的單一頁(yè)面應(yīng)用程序（SPAs：Single Page Applications）變得更加容易。
AngularJS 把應(yīng)用程序數(shù)據(jù)綁定到 HTML 元素。
AngularJS 可以克隆和重復(fù) HTML 元素。
AngularJS 可以隱藏和顯示 HTML 元素。
AngularJS 可以在 HTML 元素"背后"添加代碼。
AngularJS 支持輸入驗(yàn)證。
AngularJS 指令
正如您所看到的，AngularJS 指令是以 ng 作為前綴的 HTML 屬性。
ng-init 指令初始化 AngularJS 應(yīng)用程序變量。
AngularJS 實(shí)例
姓名為
Note HTML5 允許擴(kuò)展的（自制的）屬性，以 data- 開(kāi)頭。
AngularJS 屬性以 ng- 開(kāi)頭，但是您可以使用 data-ng- 來(lái)讓網(wǎng)頁(yè)對(duì) HTML5 有效。
帶有有效的 HTML5：
AngularJS 實(shí)例
姓名為
AngularJS 表達(dá)式
AngularJS 表達(dá)式寫(xiě)在雙大括號(hào)內(nèi)：{{ expression }}。
AngularJS 表達(dá)式把數(shù)據(jù)綁定到 HTML，這與 ng-bind 指令有異曲同工之妙。
AngularJS 將在表達(dá)式書(shū)寫(xiě)的位置"輸出"數(shù)據(jù)。
AngularJS 表達(dá)式 很像 JavaScript 表達(dá)式：它們可以包含文字、運(yùn)算符和變量。
實(shí)例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}
AngularJS 實(shí)例
我的第一個(gè)表達(dá)式： {{ 5 + 5 }}
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“AngularJS怎么用”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!
重慶分公司
重慶分公司
