無法將值分配給 Angular 工廠內的變量？

Question

如果變量是一個數組，那么我可以將對象推入其中並在控制器中獲取值，但是如果將對象直接分配給該變量，我將無法做到

請任何人幫助我實現這一目標。

這是小提琴鏈接

角度代碼：

//angular.js example for factory vs service
var app = angular.module('myApp', []);

app.factory('testFactory', function(){
     var countF={};//= [{abc:'aaa'}];
    return {

        getCount : function () {

            return countF;
        },
        incrementCount:function(){
          //countF.push({aaaa:'jshfdkjsf'});
           countF={aaaa:'jshfdkjsf'};
            //return countF;
        }
    }               
});

function FactoryCtrl($scope,testFactory)
{
    $scope.countFactory = testFactory.getCount();
    $scope.clickF = function () {
       testFactory.incrementCount();
       // console.log($scope.countFactory);
    };
}

HTML代碼：

<div ng-controller="FactoryCtrl">

    <!--  this is never updated after count is changed! -->
    <p> This is my countFactory variable : {{countFactory}}</p>

    <p> This is my updated after click variable : {{countF}}</p>

    <button ng-click="clickF()" >Factory ++ </button>
</div>

Answer 1

就像評論中所說的，問題出在參考文獻中，但這里是黑客：

//angular.js example for factory vs service
var app = angular.module('myApp', []);
app.factory('testFactory', function(){
    var countF={};//= [{abc:'aaa'}];
    var getCountF = function(){
        return countF;
    };
    var setCountF = function(arg){
        countF = arg;
    };
    return {

    getCount : getCountF,
    setCount : setCountF,

    incrementCount:function(){
        //countF.push({aaaa:'jshfdkjsf'});
        countF={aaaa:'jshfdkjsf'};
        //return countF;
    }
}
});

function FactoryCtrl($scope,testFactory)
{
    $scope.countFactory = testFactory.getCount();
    $scope.clickF = function () {
        testFactory.incrementCount();
        // console.log($scope.countFactory);
    };
}

快速小提琴

Answer 2

您的問題出在此代碼中-

 incrementCount:function(){
        //countF.push({aaaa:'jshfdkjsf'});
        countF={aaaa:'jshfdkjsf'};
        //return countF;
 }

在這里，您不是在重新創建 countF 對象的 aaa 屬性

初始化- countF = {};

添加屬性-

  right `countF.aaa = "value";`

  wrong `countF = { aaa : 'value' }`

解決方案——

incrementCount:function(){
    countF.aaaa = 'jshfdkjsf';
 }