angular js
DESCRIPTION
Introduction AngularJS in miiiCasaTRANSCRIPT
![Page 1: Angular js](https://reader036.vdocuments.net/reader036/viewer/2022082920/5550d7a7b4c905e8318b511f/html5/thumbnails/1.jpg)
AngularJSTed
![Page 2: Angular js](https://reader036.vdocuments.net/reader036/viewer/2022082920/5550d7a7b4c905e8318b511f/html5/thumbnails/2.jpg)
Introdution• MVC
o Two-way data binding• CRUD• slim• url routing
![Page 3: Angular js](https://reader036.vdocuments.net/reader036/viewer/2022082920/5550d7a7b4c905e8318b511f/html5/thumbnails/3.jpg)
MVC
• Model Controller View• Two-way data binding• Don't operate DOM
![Page 4: Angular js](https://reader036.vdocuments.net/reader036/viewer/2022082920/5550d7a7b4c905e8318b511f/html5/thumbnails/4.jpg)
• ng-app (initial angularJS)• ng-bind• ng-model (handle data binding)• ng-class• ng-controller (function)• ng-repeat• ng-show & ng-hide• ng-switch• ng-view• ng-src• ...
![Page 5: Angular js](https://reader036.vdocuments.net/reader036/viewer/2022082920/5550d7a7b4c905e8318b511f/html5/thumbnails/5.jpg)
CRUD• Create (建立資料 )• Read (讀取資料 )• Update (更新資料 )• Delete (刪除資料 )
![Page 6: Angular js](https://reader036.vdocuments.net/reader036/viewer/2022082920/5550d7a7b4c905e8318b511f/html5/thumbnails/6.jpg)
Slim
• templateo like handlebars / smarty ?
• jQuery / AngularJS• Diff
![Page 7: Angular js](https://reader036.vdocuments.net/reader036/viewer/2022082920/5550d7a7b4c905e8318b511f/html5/thumbnails/7.jpg)
Reference material• AngularJS 前端工程的極致精品: 開發框架介紹• Wiki• AngularJS中文社区• http://angularjs.org/• Good2u- - AngularJS BackboneJS動態網頁前端技術 淺談 與• AngularJS入门教程:导言和准备