AngularJS - MVC 模型
2015-12-03 16:35
549 查看
您可自由转发此文, 但请保留出处:Ionic在线学习网站 http://www.ioniconline.com
Model: MVC模式最底层的, 负责应用数据的管理, 向view层提供数据, 并接收controller层的数据更新请求View: 负责将从model层拿到的数据展现给用户
Controller: 负责对用户的输入, 事件进行响应,控制协调 model和view层数据的交换, 更新
MVC是非常流行的设计模型, 它把应用逻辑和用户接口数据展示分开。 控制器接收到用户事件, 然后通知model层准备view层用户所需要的数据, view层拿到数据以后, 按照特定的展现方式呈现给用户, AngularJS也遵循了MVC设计的思路
请看下图, JS文件里面定义了许多的控制器, 对应Controller, templates里面的html负责数据的展示,对应view层, 在controller通过$scope向view层提供数据, view层通过{{}} 标志引用$scope提供的数据。
相关文章推荐
- AngularJS – 指令
- AngularJS-模板和数据绑定
- AngularJS – 与服务器通讯
- AngularJs $resource 高大上的数据交互
- angularjs中provider、factory和service三者的写法与区别
- AngularJS directive简述
- AngularJS处理ASP.Net MVC Json返回日期
- AngularJS进阶(十六)脏值检查
- AngularJS进阶(十六)脏值检查
- angularjs之ui-bootstrap和ui-router结合使用
- angularjs之ui-bootstrap的使用
- angularjs-ui-router的使用
- angularjs指令的使用
- 我的第一篇博客随笔:关于angularjs API的理解心得。angular.bind() angular.boostrap()
- AngularJS进阶(十五)Cookie 'data' possibly not set or overflowed because it was too large
- AngularJS进阶(十五)Cookie 'data' possibly not set or overflowed because it was too large
- 前端使用AngularJS的$resource,后端ASP.NET Web API,实现增删改查
- AngularJS进阶(十四)AngularJS灵异代码事件
- AngularJS进阶(十四)AngularJS灵异代码事件
- 了解angular2--template(译)