发表于: 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等方式传参



返回列表 返回列表
评论

    分享到