十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
這篇文章主要介紹了AngularJS怎么用,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
angularjs 簡介
AngularJS 是一個 JavaScript 框架。它可通過
Note 我們建議把腳本放在
元素的底部。這會提高網(wǎng)頁加載速度,因為 HTML 加載不受制于腳本加載。
各個 angular.js 版本下載: https://github.com/angular/angular.js/releases
AngularJS 擴展了 HTML
AngularJS 通過 ng-directives 擴展了 HTML。
ng-app 指令定義一個 AngularJS 應用程序。
ng-model 指令把元素值(比如輸入域的值)綁定到應用程序。
ng-bind 指令把應用程序數(shù)據(jù)綁定到 HTML 視圖。
AngularJS 實例
名字 :
Hello {{name}}
實例講解:
當網(wǎng)頁加載完畢,AngularJS 自動開啟。
ng-app 指令告訴 AngularJS,
ng-model 指令把輸入域的值綁定到應用程序變量 name。
ng-bind 指令把應用程序變量 name 綁定到某個段落的 innerHTML。
Note 如果您移除了 ng-app 指令,HTML 將直接把表達式顯示出來,不會去計算表達式的結(jié)果。
什么是 AngularJS?
AngularJS 使得開發(fā)現(xiàn)代的單一頁面應用程序(SPAs:Single Page Applications)變得更加容易。
AngularJS 把應用程序數(shù)據(jù)綁定到 HTML 元素。
AngularJS 可以克隆和重復 HTML 元素。
AngularJS 可以隱藏和顯示 HTML 元素。
AngularJS 可以在 HTML 元素"背后"添加代碼。
AngularJS 支持輸入驗證。
AngularJS 指令
正如您所看到的,AngularJS 指令是以 ng 作為前綴的 HTML 屬性。
ng-init 指令初始化 AngularJS 應用程序變量。
AngularJS 實例
姓名為
Note HTML5 允許擴展的(自制的)屬性,以 data- 開頭。
AngularJS 屬性以 ng- 開頭,但是您可以使用 data-ng- 來讓網(wǎng)頁對 HTML5 有效。
帶有有效的 HTML5:
AngularJS 實例
姓名為
AngularJS 表達式
AngularJS 表達式寫在雙大括號內(nèi):{{ expression }}。
AngularJS 表達式把數(shù)據(jù)綁定到 HTML,這與 ng-bind 指令有異曲同工之妙。
AngularJS 將在表達式書寫的位置"輸出"數(shù)據(jù)。
AngularJS 表達式 很像 JavaScript 表達式:它們可以包含文字、運算符和變量。
實例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}
AngularJS 實例
我的第一個表達式: {{ 5 + 5 }}
AngularJS 應用
AngularJS 模塊(Module) 定義了 AngularJS 應用。
AngularJS 控制器(Controller) 用于控制 AngularJS 應用。
ng-app指令定義了應用, ng-controller 定義了控制器。
AngularJS 實例
名:
姓:
姓名: {{firstName + " " + lastName}}
AngularJS 模塊定義應用:
AngularJS 模塊
var app = angular.module('myApp', []);
AngularJS 控制器控制應用:
AngularJS 控制器
app.controller('myCtrl', function($scope) { $scope.firstName= "John"; $scope.lastName= "Doe"; });
感謝你能夠認真閱讀完這篇文章,希望小編分享的“AngularJS怎么用”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設計公司,關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設計公司行業(yè)資訊頻道,更多相關(guān)知識等著你來學習!
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、網(wǎng)站設計器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。