javascript
AngularJS 快速编程入门
什么是 AngularJS
最為核心的概念: MVVM、模塊化、自動化雙向數據綁定、依賴注入、內部指令、語義化標簽。
官網: https://docs.angularjs.org/
安裝文件 angular-1.5.8.zip
開發如果使用 angular 最基本功能,只需要導入 angular.js
從 angularJS 1.2 版本后,路由功能 js 被單獨分離
AngularJS快速編程入門
參見"AngularJS 權威指南.pdf"
AngularJS 雙向數據綁定
ng-app 在任何元素上使用,代表 angular 應用作用域
ng-controller 指定控制器
ng-model 指定模型
ng-bind 或者 {{屬性名}} 進行屬性取值 用于顯示
?
什么是雙向數據綁定?
更新模型,視圖會自動更新, 更新視圖,模型會自動更新
AngularJS 基于模塊化實現 MVC
在 AngularJS 的 1.3 Beta15 版本之前,可以定義全局控制器
<body ng-app ng-controller="控制器方法名">
在 AngularJS 的 1.3 Beta15 版本后,使用控制器,必須要指定模塊
<body ng-app="模塊名" ng-controller="控制器方法名">
Controller 控制器 是 js 代碼
Model 模型 是 name 屬性
View 視圖 是 {{name }}
AngularJS事件綁定
AngularJS集合數據遍歷顯示
AngularJS 路由使用(頁面架構 )
什么是路由? 有什么用 ?
? AngularJS 是協助搭建單頁面工程的開源前端框架。它通過 MVC 模式使得開發與測
試變得更容易。
?
?
?
?
?
?
?
?
?
?
?
總結
以上是生活随笔為你收集整理的AngularJS 快速编程入门的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Struts2框架执行流程
- 下一篇: Spring 整合 aspectj