Angularjs, no actualiza modelo

[Copia]

Buenas tardes, estoy trabajando con angularjs y estoy teniendo un error que no entiendo bien el porque sucede.

Desde el template cuyo controller es giftcardsCtrl, ejecuto la funcion addItemCard cuando quier agregar un item al carro de compra. Si en cambio quiero quitar un item ejecuto la funcion removeItemCard

Tanto removeItemCard como addItemCard tienen un proceso comun ( cartGiftCard, setDataCart ) que he tenido que separar porque al usar addItemCard creo que estoy perdiendo la referencia a $scope.

Luego tengo otro problema con totalCartZP y balanceCartZP que en setDataCart funcionan como espero(al modificar su valor, se muestra en el template) pero en cartGiftCard no( al usar el inspector muestra que si setea).

Código Javascript:

app.controller('giftcardsCtrl', function ($scope, $http, helper, onEvent, Modal, Param, Status)
{
    
    $scope.card = {'name':'','prices':''};
    $scope.queueCard = [];
    $scope.totalCartZP = 0;
    $scope.balanceCartZP = 0;
 
    $scope.cartGiftCard = function(cart){
        if($scope.$parent.queueCard.length > 0){
            $scope.$parent.queueCard.length = 0;
        }
        var total = 0;
        angular.forEach(cart, function (value){
            for(var i = 0; i < value.quantity; i++ ) {
                total = total + value.points;
                $scope.$parent.queueCard.push({
                    'item' : value.item,
                    'price' : value.price,
                    'name' : value.name,
                    'points' : value.points
                });
            }
            i = 0;
        });
        $scope.totalCartZP = total;
        $scope.balanceCartZP =   $scope.totalCartZP - total;      
    };
 
 
    $scope.setDataCart = function(cart){
        var total = 0;
        if($scope.queueCard.length > 0){
            $scope.queueCard.length = 0;
        }
        var total = 0;
        angular.forEach(cart, function (value){
            for(var i = 0; i < value.quantity; i++ ) {
                total = total + value.points;
                $scope.queueCard.push({
                    'item' : value.item,
                    'price' : value.price,
                    'name' : value.name,
                    'points' : value.points
                });
            }
            i = 0;
        });
        $scope.totalCartZP = total;
        $scope.balanceCartZP =   $scope.totalCartZP - total;
    };
 
    $scope.status.queue = false;
 
    $scope.addItemCard = function (){
        var push = {
            price       : $scope.getCard.price,
            image       : $scope.getCard.image,
            quantity    : $scope.getCard.quantity
        };
 
        $http.post('giftcard/item/add', push).success(function (data, status)
        {
            if (data.success == true) {
                $scope.cartGiftCard(data.data.gifts);
            } else {
                $scope.flash = {"message" : data.msg, "success": "warning"};
            }
        });
    };
 
    $scope.removeItemCard = function (item){
        $http.get('giftcard/item/remove/'+item).success(function (data, status) {
            if (data.success == true)
            {
                $scope.setDataCart(data.data.gifts);
            }
         });
    };
 
    
});
 

Que puede estar ocurriendo?

[stock]

Me parece que el problema sucede porque estás intentando acceder al scope padre:

Código Javascript:

$scope.$parent.queueCard
 

Cuando queueCard esta definido en el scope de este controller, intenta cambiar esas llamadas por:

Código Javascript:

$scope.queueCard
 

De esa manera accederás al arreglo que definiste en la línea:

Código Javascript:

$scope.queueCard = [];
 

Que supongo es el arreglo que quires acceder.

Realmente nunca intentes acceder a scopes de otros controllers, eso crea mucha dependencia entu app que tarde o temprano te llevara a problemas

También te recomiendo no hacer las peticiones ajax directamente en tu controller, deberías crear un servicio para eso.

Saludos