发表于: 2017-01-14 23:35:14

1 1421


今天完成的事情:

#PPT的资料编写,解说等

明天计划的事情:

#写任务8的下拉菜单

遇到的问题:

#今天年会(就是hi),加上分享,没有怎么写代码。看了一会AngularJS应用的最佳实践和风格指南,以及一本如何理解游戏

收获:

#不要再控制器中写业务逻辑。把业务逻辑交给模型层的服务。 举个例子:

// 这是把业务逻辑放在控制器的常见做法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.更多讨论 鸣谢 感谢大家观看



返回列表 返回列表
评论

    分享到