2つのモジュールanglejsで更新されないビュー

Question

私は3つのモジュールapp.root、app.shell、app.shopを持っています。そして、それはapp.shopでその

.module('app.root',['app.shell,'app.shop']) 

のように、私はクッキーapp.shellで

vm.add = function(tensp,gia,img){ 
        var item = { 
        tensp : tensp, 
        gia : gia, 
        img : img 
        }; 

    var cart = $cookies.getObject('cart'); 

     if (cart) { 
     var items = JSON.parse(cart); 
      items.push(item); 

     $cookies.putObject('cart', JSON.stringify(items)); 
     } else { 
     $cookies.putObject('cart', JSON.stringify([item])); 
     } 

に項目を追加、私はこの問題は、ビューではありません

 vm.cookies = JSON.parse($cookies.getObject('cart')); 
{{vm.cookies.length}} 

HTMLで表示します更新。私はページをリフレッシュするときだけ更新されます。私の間違っているところはどこですか？助けてください

Answer 1

あなたはコード全体を投稿していませんが、私はあなたが変更のためにクッキー配列を見て、新しい値をフェッチし、ビューを更新する必要がありますと思う問題を推測しようとしました。

$scope.$watch(function() { 
return $cookies.cart; //watch the cart array 
}, function(newValue) { 
    vm.cookies = JSON.parse(newValue); 
}, true); 

あなたのコードでは、データを一度だけ取り込んでいますが、カートの配列は参照ではなく元のもののコピーであることに注意してください。

vm.cookies = JSON.parse($cookies.getObject('cart')); //this is a copy of the array 
{{vm.cookies.length}} //view