AngularJS

AngularJS
開發者Google Inc.和社区。
首次发布2010年10月20日,​13年前​(2010-10-20[1]
最终版本
編輯維基數據鏈接
源代码库
  • github.com/angular/angular.js
編輯維基數據鏈接
编程语言JavaScript
操作系统跨平台,參見舊版瀏覽器支援
文件大小167 KB 生产环境版本
1.2 MB 開發环境版本
类型JavaScript函式庫
许可协议MIT许可证
网站angularjs.org

AngularJS 是一款由Google维护的开源JavaScript函式庫,用來協助單一頁面應用程式運行,目前已停止維護[4]。它的目标是透過MVC模式功能增强基于浏览器的应用,使开发和测试变得更加容易。在版本2(全面使用TypeScript)之后改名Angular,第N版以Angular N的形式命名。

函式庫讀取包含附加自定義(標籤屬性英语HTML_attribute)的HTML,遵從這些自定義屬性中的指令,並將頁面中的輸入或輸出與由JavaScript變量表示的模型綁定起來。這些JavaScript變量的值可以手工設置,或者從靜態或動態JSON資源中獲取。

Angular的哲學

Angular 2应用程序的体系结构。 主要构建块是模块,组件,模板,元数据,数据绑定,指令,服务和依赖注入。

Angular的理念是声明式编程應該用於構建用戶界面以及編寫軟件構建,而指令式編程非常適合來表示業務邏輯[5]框架採用並擴展了傳統HTML,通過雙向的數據綁定來適應動態內容,雙向的數據綁定允許模型和视图之間的自動同步。因此,Angular使得對DOM的操作不再重要並提升了可測試性。

設計目標:

  • 將應用邏輯與對DOM的操作解耦。這會提高代碼的可測試性。
  • 將應用程序的測試看的跟應用程序的編寫一樣重要。代碼的構成方式對測試的難度有巨大的影響。
  • 將應用程序的客戶端與伺服器端解耦。這允許客戶端和伺服器端的開發可以齊頭並進,並且讓雙方的復用成為可能。
  • 指導開發者完成構建應用程序的整個歷程:從用戶界面的設計,到編寫業務邏輯,再到測試。

Angular遵循軟件工程的MVC模式,並鼓勵展現,數據,和邏輯組件之間的松耦合。通過依賴注入(dependency injection),Angular為客戶端的Web應用帶來了傳統服務端的服務,例如獨立於视圖的控制。因此,後端減少了許多負擔,產生了更輕的Web應用。

Angular主要的指令(自定义标签)

雙向數據綁定

Angular在呈現和資料中間,可以簡單建立雙向的數據綁定。一旦建立雙向綁定,使用者輸入,會由Angular自動傳到一個變數中,再自動讀到所有綁到它的內容,更新它。效果上就是立即的資料同步。在程式碼中修改變數,也會直接反應到呈現的外觀上。不僅內容可以雙向綁定,其他諸如類別、寬度、高度等等,都可以和變數與使用者的輸入,綁定起來。

開發歷史

AngularJS在2009年由Miško Hevery和Adam Abrons開發,作為線上JSON儲存服務的軟體,它是以兆位元來計價,便於成為企業的應用服務。當初以"GetAngular.com"註册網域,但由於只有少量的註册用户,在兩人決定放棄這個商業想法前,就把Angular開源了。

Abrons後來離開了這個計劃,但在Google工作的Hevery和一些谷歌員工如Igor Minár和Vojta Jína等則繼續開發維護此函式庫。

发行

目前有兩個正在維護的穩定版本:1.3.x和1.4.x,更新频率約为每周一次或每两周一次. [6]

舊版瀏覽器支援

Angular在1.2之後的版本不再支援Internet Explorer 6和7.[7]在1.3之後的版本停止對Internet Explorer 8的支援.[8]

和Backbone.js的比较

REST [9]


依赖注入

参考文献

  1. ^ Earliest known releases. [2019-11-15]. (原始内容存档于2017-07-29). 
  2. ^ Release 1.8.3. 2022年4月7日 [2022年7月29日]. 
  3. ^ 1.8.3 ultimate-farewell (2022-04-07). 
  4. ^ AngularJS. docs.angularjs.org. [2022-07-14]. (原始内容存档于2022-03-16). 
  5. ^ What Is Angular?. [12 February 2013]. (原始内容存档于2013-05-20). 
  6. ^ angular.js CHANGELOG. [2015-06-18]. (原始内容存档于2015-05-13). 
  7. ^ AngularJS: Developer Guide: Internet Explorer Compatibility. Google. [2014-10-12]. (原始内容存档于2014-10-17). 
  8. ^ Minar, Igor. AngularJS 1.3: a new release approaches. AngularJS Blog. [2014-10-12]. (原始内容存档于2014-12-08). 
  9. ^ Javascript Frameworks And Data Binding. [13 February 2013]. (原始内容存档于2014年8月24日). 

延伸阅读

  • Green, Brad; Seshadri, Shyam. AngularJS 1st. O'Reilly Media. March 22, 2013: 150 [2019-11-15]. ISBN 978-1449344856. (原始内容存档于2019-11-15). 

外部链接

  • 官方网站
  • 在Google Groups上的AngularJS(页面存档备份,存于互联网档案馆
  • 在Google+上的AngularJS
  • Github上AngularJS Batarang Chrome plugin(页面存档备份,存于互联网档案馆
C++
  • CppCMS英语CppCMS
  • Wt英语Wt (web toolkit)
CLI
  • ASP.NET
    • Core
    • AJAX
    • 动态数据英语ASP.NET Dynamic Data
    • MVC
    • Razor英语ASP.NET Razor
    • Web Forms
  • DNN英语DotNetNuke
  • BFC英语Base One Foundation Component Library
  • MonoRail英语MonoRail (software)
  • OpenRasta英语OpenRasta
  • Umbraco
ColdFusion
  • CFWheels
  • ColdBox Platform英语ColdBox Platform
  • ColdSpring英语ColdSpring Framework
  • Fusebox英语Fusebox (programming)
  • Mach-II英语Mach-II
  • Model-Glue英语Model-Glue
Common Lisp
  • Caveman2英语Caveman2
  • CL-HTTP英语CL-HTTP
  • UnCommon Web英语UnCommon Web
  • Weblocks
D
  • Vibe.d英语Vibe.d
Haskell
  • Happstack英语Happstack
  • Yesod英语Yesod (web framework)
  • Snap英语Snap (web framework)
Java
  • AppFuse英语AppFuse
  • Flexive英语Flexive
  • Grails英语Grails (framework)
  • GWT
  • ICEfaces英语ICEfaces
  • ItsNat英语ItsNat
  • JavaServer Faces
  • JHipster英语JHipster
  • Jspx英语Jspx-bay
  • JWt英语JWt (Java web toolkit)
  • OpenXava英语OpenXava
  • Play
  • Reasonable Server Faces英语Reasonable Server Faces
  • Remote Application Platform英语Remote Application Platform
  • RIFE英语RIFE
  • Seam英语JBoss Seam
  • Spring
  • Stripes英语Stripes (framework)
  • Struts
  • Tapestry
  • Vaadin英语Vaadin
  • Vert.x
  • WebWork英语WebWork
  • Wicket
  • WaveMaker英语WaveMaker
  • ZK
JavaScript
  • Ample SDK英语Ample SDK
  • Angular英语Angular (application platform)/AngularJS
  • Backbone.js
  • Chaplin.js英语Chaplin.js
  • Closure英语Google Closure Tools
  • Dojo Toolkit
  • Ember.js
  • Extjs
  • JQuery
  • Meteor英语Meteor (web framework)
  • MooTools英语MooTools
  • Node.js
  • Prototype
  • React
  • Rico
  • script.aculo.us英语script.aculo.us
  • Sencha Touch英语Sencha Touch
  • SproutCore英语SproutCore
  • Vue.js
  • Wakanda英语Wakanda (software)
Perl
  • Catalyst
  • Dancer英语Dancer (software)
  • Mason英语Mason (Perl)
  • Maypole
  • Mojolicious英语Mojolicious
  • WebGUI
PHP
  • CakePHP英语CakePHP
  • CodeIgniter
  • Fat-Free
  • FuelPHP
  • Gyroscope英语Gyroscope (software)
  • Horde英语Horde (software)
  • Kohana英语Kohana (framework)
  • Laravel
  • Lithium英语Lithium (software)
  • Midgard英语Midgard (software)
  • MODX英语MODX
  • Nette英语Nette Framework
  • Phalcon
  • PRADO英语PRADO (framework)
  • Qcodo英语Qcodo
  • Silex英语Silex (web framework)
  • SilverStripe
  • Symfony
  • TYPO3
  • Xaraya英语Xaraya
  • XOOPS
  • Yii英语Yii
  • Zend framework
Python
Ruby
  • Camping英语Camping (microframework)
  • Merb英语Merb
  • Padrino英语Padrino (web framework)
  • Ruby on Rails
  • Sinatra英语Sinatra (software)
Rust
  • Yew
Scala
  • Lift
  • Play
  • Scalatra英语Scalatra
Smalltalk
  • AIDA/Web英语AIDA/Web
  • Seaside英语Seaside (software)
其他语言
  • Application Express英语Oracle Application ExpressPL-SQL
  • Grails英语Grails (framework)Groovy
  • Kepler英语Kepler (software)Lua
  • OpenACS英语OpenACSTcl
  • Phoenix英语Phoenix (web framework)Elixir
  • SproutCore英语SproutCoreJavaScript-Ruby
  • YawsErlang
语言
引擎列表
引擎比较
框架
客户端
  • Ample SDK英语Ample SDK
  • Chaplin.js英语Chaplin.js
  • Dojo
  • Echo
  • Extjs
  • Google網頁工具包
  • JQuery
  • Lively Kernel英语Lively Kernel
  • midori英语Midori JavaScript Framework
  • MochiKit英语MochiKit
  • MooTools英语MooTools
  • Prototype
  • Pyjs英语Pyjs
  • qooxdoo英语qooxdoo
  • Rialto英语Rialto Toolkit
  • Rico
  • script.aculo.us英语script.aculo.us
  • SmartClient英语SmartClient
  • SproutCore英语SproutCore
  • Spry英语Spry framework
  • Wakanda框架英语Wakanda (software)
  • 雅虎UI库
服务器
  • AppJet英语AppJet
  • Jaxer英语Jaxer#Aptana Jaxer
  • Node.js
  • Deno
  • WakandaDB英语Wakanda (software)
多種實作
  • Cappuccino英语Cappuccino (application development framework)
    • Objective-J英语Objective-J
  • PureMVC英语PureMVC
函式庫
  • Backbone.js
  • SWFObject英语SWFObject
  • SWFAddress英语SWFAddress
  • Lodash
人物
其他
  • DHTML
  • Ecma国际
  • JSDoc英语JSDoc
  • JSGI英语JSGI
  • JSHint
  • JSLint
  • JSON
  • JSSS英语JavaScript Style Sheets
  • Sputnik英语Sputnik (JavaScript conformance test)
  • SunSpider英语Browser speed test#SunSpider
  • 异步模块定义英语Asynchronous module definition
  • CommonJS
列表级条目列表
JavaScript库列表
Ajax框架英语list of Ajax frameworks#JavaScript
列表级条目比较
JavaScript框架英语Comparison of JavaScript frameworks
服务器端JavaScript英语comparison of server-side JavaScript solutions