发表于: 2017-07-01 23:28:42
1 827
第80篇日报了,
今天完成的事情:任务10基本完成,目前存在的问题:上传和编辑时的取消按钮并没有做功能;没有使用懒加载的功能;代码乱七八糟;图片不能删除再上传同一张;只有一个css和一个js文件;日期选择同一天不会显示的问题;没有使用自定义指令和服务的功能,有时候按条件搜索会有bug,结果不会显示,只显示页数的bug(莫非是网速慢?还有一个就是弹出窗口好像应该使用angular ui-bootstrap的model的,
明天计划的事情:修改以上的部分bug
遇到的问题:编辑的那个接口要求的数据根本和task6-10的那个接口页面对不上啊,去看了别人的代码,发现还要加创建时间?
收获:很多接口之提供了jq的,没有提供angularjs的,所以我用了一部分jq;
AngularJS 四种传参方式
1、ng-link 路径传参
代码示例:
[html] view plain copy print?
ng-link="['MemberDetails', {id: employee.id}]">
跳转目标是:MemberDetails, 带一个参数id,参数名称是在定义路由时定义好的。
接收参数代码示例:
[javascript] view plain copy print?
vm.$routerOnActivate = function(next, previous) {
vm.id = next.params.id;
var currentPage = 1;
var pageSize = 5;
detailsMember(vm.id,currentPage,pageSize);
};
2、组件消息通知方式
代码实例
[javascript] view plain copy print?
scope.$emit('show.reservation.details', {
date: day.date
});
接收示例
[javascript] view plain copy print?
$rootScope.$on('show.reservation.details', onShowReservationDetails);
function onShowReservationDetails(event, message) {
console.log("------:", message.date);
vm.week = message.date.format('e');
vm.day = message.date.format("YYYY年MM月DD日");
showDetails(message.date);
}
3、$router传参
代码示例
[javascript] view plain copy print?
vm.$router.navigate(['PaymentBankcard', {
payType: 2
}]);
接收和ng-link 的接收方式是一样的
4、可通过外部存储方式,如localstorage,context等方式传参
评论