AngularJS 中的模型、视图、模板、控制器、服务

AngularJS and Backbone

Q: AngularJS 框架与 Backbone 框架的比较?

A:

• 共同点：
  
  • 都基于MVC框架
• 差异：
  
  • Backbone框架依赖 Undersore，jQuery库；
  • AngularJS框架不依赖任何库；
  • 编程思想：Backbone 属于命令式编程，注重于事件和行为，生成静态的DOM树；
  • 编程思想：AngularJS 属于声明式编程，注重于结果，生成动态的DOM树；

AngularJS 中的模型

• AngularJS 中的模型指的是$scope上保存的含有瞬时状态数据的js对象；
• AngularJS 的模型是整个应用的驱动；
• 视图展示的内容为模型；
• 被存储起来的内容为模型；

AngularJS 中的模板

• 模板代表模型的展现形式；
• 完成了如何与应用进行交互；
• 给应用提供样式，并且判断何时以及怎样显示一些元素；
• 过滤并格式化数据；
• 不应包含任何业务逻辑；

AngularJS 中的视图

• 模板和数据模型融合之后产生视图；

AngularJS 中的控制器

• 负责业务逻辑
  
  • 如何获取模型
  • 可以在模型上执行何种操作
  • 视图需要模型上的何种信息
  • 应该如何转换模型以获取想要的信息
• 表单校验任务
• 对服务的调用
• 使用正确的数据启动视图

AngularJS 中的服务

• 持久化状态的数据应当保存到服务中，服务的作用是处理模型的持久化
• 可以在任何控制器之间进行共享