AngularJS观察数组对象的数据变化
发布时间:2020-12-17 08:39:46 所属栏目:安全 来源:网络整理
导读:我正在实现一个购物车,并希望将数据存储在localStorage。 我想看变量$ scope.cart的更改,以便我可以更新localStorage 购物车变量如下所示: [{'name':'foo','id':'bar','amount': 1 },...] 这是手表的代码。 $scope.updateCart = function(){ localStorage
我正在实现一个购物车,并希望将数据存储在localStorage。
我想看变量$ scope.cart的更改,以便我可以更新localStorage 购物车变量如下所示: [{'name':'foo','id':'bar','amount': 1 },...] 这是手表的代码。 $scope.updateCart = function(){ localStorageService.add('cart',JSON.stringify($scope.cart)); alert('cart updated'); }; $scope.$watch($scope.cart,$scope.updateCart(),true); 这是用户更改模型的HTML。 <li ng-repeat="item in cart"> {{item.name}} <input type="text" ng-model="item.amount"> </li> 使用以下代码,不会触发updateCart()方法。我不知道我做错了什么。我检查$ scope.cart变量是否更改,但更新没有触发。
$ watch仅在其第一个参数中计算字符串或函数参数。更改您的$手表这样:
$scope.$watch('cart.name + cart.id + cart.amount',$scope.updateCart()); 要么 $scope.$watch('cart',$scope.updateCart,true); 见reference API (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |