Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
app
mdImgs
LICENSE
README.md

README.md

angular-example

Angular example,一步一步学习angular。

切换分支即可查看整个完成过程 ls_XXX。

注:在过程完之后,关于这个demo的更多细节、完善会一直在master分支上增加,不会增加新的分支了。


主要涉及内容:

  1. 最基础,首先应该如何跑起来一个应用。
  2. 了解基本概念,可能涉及 module, scope, controller, service, directive, 表达式 等等。
  3. directive 详细介绍怎么样使用,自定义指令时各项代表含义;一些常见内置指令,例如:ng-model, ng-controller, ng-include, ng-hide, ng-show 等等。实战自定义指令:编辑项指令。
  4. 基本表单验证。
  5. ng 的路由的使用。
  6. ng 的动画 animate的简单使用。
  7. 第三方$modal的使用。
  8. 目录结构、代码基本组织。
  9. require.js 结合使用。

中间过程中会基本实战一些最基础的一些概念,当然,最重要的还是改变思路;不以jquery式思路“干活”,一切以数据为中心,再加上模板上的逻辑(其实一般通过ng的指令——ng-if, ng-show, ng-switch等——来做)。

所以最开始的时候,最好不要 jquery,摒弃 DOM 操作,让angular 自身去更新DOM;其实也就是说:不要在代码中操作DOM,仅有的操作DOM的地方在指令directive 中。后期如果真的是项目需要,可以加上jquery

##预览图 reg index index-edit index-detail index1 index2