angularjs 操作二维数组 加 file文件绑定
来源:互联网 发布:caffe pdf百度云 编辑:程序博客网 时间:2024/06/11 04:02
二维数组遍历
获取两个index 其中 获取父域里的index 的方法为: {{$parent.index}} 获取当前index 的方法为: {{$index}}
注意: 不要用 ng-if 会出现 两个index 重置成值相同 可以用 ng-show
其中二位数组需要用到 file 就需要通过一下代码 进行值的绑定
<div ng-show="$index==0">
<button type="button" ng-click="addFile($parent.$index,$index)" class="btn btn-primary" >增加行</button>
</div>
<div ng-show="$index>0">
<button type="button" ng-click="deFile($parent.$index,$index)" class="btn btn-primary" >删除行</button>
</div>
$scope.files=[
[{"fileTitle": "", "fileNum": "", "fileReply": "", "fileTime": "","file":""}],
[{"fileTitle": "", "fileNum": "", "fileReply": "", "fileTime": "","file":""}],
[{"fileTitle": "", "fileNum": "", "fileReply": "", "fileTime": "","file":""}],
[{"fileTitle": "", "fileNum": "", "fileReply": "", "fileTime": "","file":""}],
[{"fileTitle": "", "fileNum": "", "fileReply": "", "fileTime": "","file":""}],
[{"fileTitle": "", "fileNum": "", "fileReply": "", "fileTime": "","file":""}],
[{"fileTitle": "", "fileNum": "", "fileReply": "", "fileTime": "","file":""}],
[{"fileTitle": "", "fileNum": "", "fileReply": "", "fileTime": "","file":""}],
[{"fileTitle": "", "fileNum": "", "fileReply": "", "fileTime": "","file":""}],
[{"fileTitle": "", "fileNum": "", "fileReply": "", "fileTime": "","file":""}],
]
操作二维数组 :
$scope.deFile = function (index1,index2) {
$scope.indexNumByFile= $scope.indexNumByFile-1;
$scope.files[index1].splice(index2,1);
};
$scope.addFile = function (index1,index2) {
$scope.indexNumByFile= $scope.indexNumByFile+1;
$scope.files[index1].push({});
};
或者 根据 item 判断 index 值 因为如果用了过滤器 传入的index 不是实际index值
items.splice(items.indexOf(item),1);
angular 绑定 input 的file文件:
<div class="form-group">
<input type="file" id="file_{{$index}}" name="file_{{$parent.$index}}" ng-model="fileOneOne.file" class="form-control" onchange="angular.element(this).scope().fileNameChanged(this)">
</div>
$scope.fileNameChanged = function (el) {
var filexx = el.files[0];
var index=el.id.replace('file_','');
var parentIndex=el.name.replace('file_','');
$scope.files[parentIndex][index].file=filexx;
};
- angularjs 操作二维数组 加 file文件绑定
- gridview如何绑定二维数组
- AngularJS 双向绑定 <input type='file'>中文件名,文件内容
- angularJS 如何绑定file表单的change?
- AngularJS数组操作
- AngularJS数组操作
- AngularJS操作数组
- 指针操作二维数组
- 二维数组操作2
- 二维数组操作3
- 二维数组基本操作
- 二维数组操作
- array 二维数组操作
- 二维数组操作运算
- 二维数组操作
- Python 二维数组操作
- 数组的操作--二维数组
- 数组操作(2)-二维数组
- 微信web开发者工具 X5 Blink 内核调试
- mycat系列-mycat原理
- SVN 版本服务器搭配全过程详解(含服务端、客户端)
- THIS_MODULE
- 位运算符分析
- angularjs 操作二维数组 加 file文件绑定
- Opencv学习之离散傅立叶变换DFT
- Lua扩展
- Hadoop 任务重要参数整理
- ngrok+nginx 实现内网穿透 共用80端口
- Linux内核内存管理之内存结构概述(一)
- 决策树笔算和python代码实现
- iOS
- MySQL实现两主多从架构