加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读