當(dāng)前位置：首頁 > 前端技术 > javascript >内容正文

javascript

【angularJS】简介

發(fā)布時間：2023/11/29 javascript 16 豆豆

生活随笔收集整理的這篇文章主要介紹了【angularJS】简介小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

簡介

AngularJS 是一個?JavaScript?框架。它可通過?<script> 標(biāo)簽添加到 HTML 頁面。

AngularJS 通過?指令?擴展了 HTML，且通過?表達式?綁定數(shù)據(jù)到 HTML。

AngularJS 是一個 JavaScript 框架。它是一個以 JavaScript 編寫的庫。

AngularJS 是以一個 JavaScript 文件形式發(fā)布的，可通過 script 標(biāo)簽添加到網(wǎng)頁中：

AngularJS 通過?ng-directives?擴展了 HTML。AngularJS 指令是以?ng?作為前綴的 HTML 屬性

ng-app?指令定義一個 AngularJS 應(yīng)用程序。

ng-model?指令把元素值（比如輸入域的值）綁定到應(yīng)用程序。

ng-bind?或{{}}指令把應(yīng)用程序數(shù)據(jù)綁定到 HTML 視圖。

實例：

<!DOCTYPE html> <html> <body> <div ng-app=""><p>在輸入框中嘗試輸入：</p><p>姓名：<input type="text" ng-model="name"></p><p ng-bind="name"></p> </div> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </body> </html>

當(dāng)網(wǎng)頁加載完畢，AngularJS 自動開啟。

ng-app?指令告訴 AngularJS，<div> 元素是 AngularJS?應(yīng)用程序?的"所有者"。

ng-model?指令把輸入域的值綁定到應(yīng)用程序變量?name。

ng-bind?指令把應(yīng)用程序變量 name 綁定到某個段落的 innerHTML。

AngularJS 表達式

AngularJS 表達式寫在雙大括號內(nèi)：{{ expression }}。

AngularJS 表達式把數(shù)據(jù)綁定到 HTML，這與?ng-bind?指令有異曲同工之妙。

AngularJS 將在表達式書寫的位置"輸出"數(shù)據(jù)。

AngularJS?表達式?很像?JavaScript?表達式：它們可以包含文字、運算符和變量。實例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}

AngularJS 對象就像?JavaScript 對象：person={firstName:'John',lastName:'Doe'}

AngularJS 數(shù)組就像 JavaScript 數(shù)組：points=[1,15,19,2,40]

angular開發(fā)工具介紹

代碼編輯工具：Sublime（輕量級）、webstorm

斷點調(diào)試工具：chrome插件batarang

版本管理工具：git

開發(fā)和調(diào)試工具：Nodejs，，npm包管理器【npm install xxx】以下都可以通過npm安裝

代碼合并和混淆工具：grunt

依賴管理工具：bower

輕量級server：http-server??? 模擬后臺，在目錄下模擬一些文件數(shù)據(jù)

js單元測試runner：karma+jasmine

Karma：跑測試用例的runner；jasmine：用例編寫測試用例

Angularjs專用的單元測試工具：Protrator

轉(zhuǎn)載于:https://www.cnblogs.com/peterYong/p/10098845.html

總結(jié)

以上是生活随笔為你收集整理的【angularJS】简介的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。