发表于: 2017-03-08 23:52:08

1 1185


今天完成的事情:

1、把中关村教育官网的branch1.2修改好并演示给pm观看通过;

2、把中关村教育官网的branch1.2打tag1.3;

3、根据项目流程在wiki上登记并发邮件申请部署测试环境;

4、看了《angularJS高级程序设计》的前面两章,试着照着书上敲demo,学习了angular的forEach循环;

5、听龚浩讲自适应与响应式的区别;


明天计划的事情:

1、应该开始要去修复草船云3期的bug了;

2、有空的话继续看《angularJS高级程序设计》;


遇到的问题:

看了《angularJS高级程序设计》觉得自己的angular框架还是不太熟练,还是应该在做项目之余多写写demo;


收获:

试着敲了《angularJS高级程序设计》上的待办事项的demo,实现了数据双向绑定,可以添加待办事项、使用ng-repeat渲染数据并使用了过滤器选择渲染数据;

var model = {
user:"Adam",
items:[{action:"Buy Flowers",done:false},
{action:"Get Shoes",done:false},
{action:"Collect Tickets",done:true},
{action:"Call Job",done:false}]
};
var todoApp = angular.module("todoApp", []);
todoApp.filter("checkedItems",function () {
return function (items,showComplete) {
var resultArr = [];
angular.forEach(items,function (item) {
if(item.done == false || showComplete == true){
resultArr.push(item);
}
});
return resultArr;
}
});//自定义过滤器,只有当待办事项未完成或者点击选择查看时才会渲染出数据
todoApp.controller("ToDoCtrl", function ($scope) {
$scope.todo = model;
$scope.incompleteCount = function () {
var count = 0;
angular.forEach($scope.todo.items, function (item) {
if (!item.done) {
count++;
}
});
return count;
};//实时显示出待办事项还有多少
   $scope.warningLevel = function () {
return $scope.incompleteCount() < 3 ? "label-success" : "label-warning";
};//当待办事项小于3时,显示待办数量的标签为绿色,反之黄色
   $scope.addNewItem = function (actionText) {
$scope.todo.items.push({
action:actionText,
done:false
       })
};//点击add按钮添加待办事项
});



返回列表 返回列表
评论

    分享到