发表于: 2017-05-17 22:30:30
1 939
任务进展:
学习自定义指令全部设置选项、作用域和绑定策略的详细介绍。
遇到问题:
1:使用师兄的代码在自己的页面上运行,显示信息失败,上传文件失败。
2:试用自定义指令添加在input控件上,获取其选择的文件对象,在指令内部这样写的:
scope:true,
link: function (scope, element) {
element.bind('change', function (event) {
scope.file = (event.srcElement || event.target).files[0];
});
}
在控制器中写上传动作: $('#upload').on('click',function () {
var reader=new FileReader();
reader.readAsDataURL($scope.file);
reader.onload=......
}
指令是添加在控制器内部的页面input元素中的,结果报错:readAsDataURL($scope.file)行,console.log()显示$scope.file为undifined。在指令中已经写明scope:true,应该是能够获取父元素作用域的,不清楚什么原因。
明日计划:
暂时放下这个无法解决的问题,继续任务。
收获:
没有头绪解决问题令人沮丧。
评论