如何在angularjs中添加ng-repeat中的值
How to add the values inside ng-repeat in angularjs?
我使用ng-repeat使用web服务获取数据。现在我试着用ng-change把它的值加起来。代码是这样的。
<div ng-repeat="task in tasklists">
<div ng-repeat="subtask in task.tasks">
<span>{{subtask.subTaskName}}</span>
<span style="float: right; padding: none; " class="t-hrs"> {{task.hours[$index]}} Hrs</span>
<div class="cmt"><a href="#"></a></div>
<div class="d-task"><a href="#"></a></div>
<div class="range range-positive" >
<input type='range' id="{{task._id}}_{{subtask._id}}" ng-model="task.hours[$index]" ng-init="totalChange()" ng-change="totalChange()" min='{{min}}' max='{{max}}' step='{{0.50}}'/>
</div>
</div>
</div>
脚本如下:
$scope.totalChange = function(){
$scope.updatedTime=0;
for (var i=0; i < $scope.task.tasks.length; i++){
if($scope.task.tasks[i].hours !== undefined){
//$scope.updatedTime = $scope.updatedTime+Number($scope.tasklists[i].hours);
$scope.updatedTime +=task.hours[$index];
}
}
}
但是我不能得到$作用域。updatedTime价值。有人能帮帮我吗?
像这样做
<input type='range' id="{{task._id}}_{{subtask._id}}" ng-model="task.hours[$index]" ng-init="totalChange(task,task.hours[$index])" ng-change="totalChange(task,task.hours[$index])" min='{{min}}' max='{{max}}' step='{{0.50}}'/>
$scope.totalChange = function(task,hour){
$scope.updatedTime=0;
for (var i=0; i < task.tasks.length; i++){
if(task.tasks[i].hours !== undefined){
$scope.updatedTime +=hour;
}
}
}
最后我得到了解决方案。这是HTML代码
<div ng-repeat="task in tasklists">
<div ng-repeat="subtask in task.tasks">
<span>{{subtask.subTaskName}}</span>
<span style="float: right; padding: none; " class="t-hrs"> {{subtask.hourscal}} Hrs</span>
<div class="cmt"><a href="#"></a></div>
<div class="d-task"><a href="#"></a></div>
<div class="range range-positive" >
<input type='range' id="{{task._id}}_{{subtask._id}}" ng-model="subtask.hourscal" ng-init="totalChange()" ng-change="totalChange()" min='{{min}}' max='{{max}}' step='{{0.50}}'/>
</div>
</div>
</div>
这是函数
$scope.totalChange = function(){
$scope.updatedTime=0;
$scope.hourscal = 0;
for (var i=0; i < $scope.tasklists.length; i++){
for(var j=0; j< $scope.tasklists[i].tasks.length; j++){
if($scope.tasklists[i].tasks[j].hourscal !== undefined){
$scope.updatedTime = $scope.updatedTime + Number($scope.tasklists[i].tasks[j].hourscal);
}
}
}
}
相关文章:
- AngularJS:为ng-repeat中的图像添加切换功能
- Ng-Repeat在末尾添加新项目
- 将jquery函数添加到Angular ng repeat中
- 如何使用ng repeat在匹配的元素上添加活动类
- 使用ng repeat添加多个视图实例时的范围界定问题
- 如何在AngularJS中将css类添加到transcluded ng repeat内容中
- 使用括号表示法添加到关联数组时,ng-repeat 不会更新
- 当列数为 4 时,我如何务实地让 ng-repeat 添加另一行
- AngularJs:我想从数组或列表中添加一个类,用于ng-repeat中的每次迭代
- 在 ng-repeat 中添加和删除 JSON 列表
- 添加重复键对象时如何更新 ng-repeat 列表中的元素
- Angular JS - 将ng-repeat异步应用于添加到DOM的内容
- 当项目包含在数组中时,在 ng-repeat 上以角度添加类
- 向ng-repeat添加控件以过滤数据
- AngularJS:如何使用ng-repeat添加类
- 使用ng-repeat添加/删除DOM元素
- 为ng-repeat添加的元素添加js
- 不能在Angular.js中使用ng-repeat添加新元素
- 如何使用ng-repeat添加包含计时器功能的项目
- AngularJS ng-repeat - 添加一个锚点,从上到下,从下到上跳