发表于: 2017-01-14 23:35:14
1 1422
今天完成的事情:
明天计划的事情:
遇到的问题:
收获:
// 这是把业务逻辑放在控制器的常见做法angular.module('Store', [])
.controller('OrderCtrl', function ($scope) { $scope.items = [];
$scope.addToOrder = function (item) { $scope.items.push(item);//-->控制器中的业务逻辑 };
$scope.removeFromOrder = function (item) { $scope.items.splice($scope.items.indexOf(item), 1);//-->控制器中的业务逻辑 };
$scope.totalPrice = function () { return $scope.items.reduce(function (memo, item) { return memo + (item.qty * item.price);//-->控制器中的业务逻辑 }, 0); }; });
当你把业务逻辑交给模型层的服务,控制器看起来就会想这样:
// Order 在此作为一个 'model'angular.module('Store', []) .controller('OrderCtrl', function (Order) { $scope.items = Order.items; $scope.addToOrder = function (item) { Order.addToOrder(item); };
$scope.removeFromOrder = function (item) { Order.removeFromOrder(item); };
$scope.totalPrice = function () { return Order.total(); }; });
为什么控制器不应该包含业务逻辑和应用状态?
- 控制器会在每个视图中被实例化,在视图被销毁时也要同时销毁
- 控制器是不可重用的——它与视图有耦合
- Controllers are not meant to be injected
分享内容
JS-angular-router
目录
1.背景介绍
2.知识剖析
3.常见问题
4.解决方案
5.编码实战
6.扩展思考
7.参考文献
8.更多讨论
1.背景介绍 angular ---wiki简单介绍其背景
2.知识剖析 angular-router angular-ui-router ----路由和Ui路由的区别
3.常见问题 angular-router只支持平级多路由不支持路由嵌套 -----特点
4.解决方案 angular-ui-router支持路由嵌套-----特点
5.编码实战 请看屏幕 -----实际网页操作,在Ui-router官网上进行实例讲解3层嵌套关系。自己写一个demo讲解代码含义
6.扩展思考 ui-router的应用场景在哪里
问题二:angular-router应用场景在哪里
7.参考文献 参考一:ui-router资料
8.更多讨论 鸣谢 感谢大家观看
评论