2016-02-20 86 views
0

是我的firts时间与离子和角度的工作。我有一个复选框列表填充从控制器,当我点击检查视图显示我的变化,但如果我想查看控制器上的这种变化显示我的旧值。我需要添加/对。减去值数据绑定离子复选框在控制器不工作

HTML

<div class="item-text-wrap"> 
    <ion-list> 
     <ion-checkbox ng-repeat="item in listTypeProduct" 
     ng-model="item.checked" 
     ng-checked="item.checked" 
     ng-change="add(listTypeProduct)" >{{ item.text }} 
    </ion-checkbox> 

     </ion-list> 
    </div> 

    <div class="item"> 
     <pre ng-bind="listTypeProduct | json"></pre> 
    </div> 

页面上的打印工作!

when I click on check the binding working

这是我的控制器

app.controller('CotCtrl', function($scope, $ionicSideMenuDelegate,$rootScope) { 

$scope.listTypeProduct = [ 
     { text: "a1", checked: false , value:4500 }, 
     { text: "a2", checked: false , value:2000 }, 
     { text: "a3", checked: false , value:1200 } 
]; 

$scope.add = function(list){ 
    console.log(JSON.stringify(list)); 
}; 

但我的控制器上,当我遍历数组给我的旧信息。

enter image description here

方法“加”我想用迭代更新值列表例如

angular.forEach(list, function(val, key) { 
if(checked && (value)) 
    $scope.total += total+val.value; 
}); 

要添加的所有检查的值。

+0

解决方案是通过input type ='checkbox'替换 vljc2004

回答

0

报价AngularJS文档here

注意,这个指令“ngChecked”不应连同ngModel使用,因为这可能会导致意外的行为。

这就是说,只使用ng-model将您的复选框绑定到控制器中的模型。