angular.js - angularjs在兩個controller之間傳值，使用factory，為何不成功？

Question

希望透過服務在兩個controller傳值，代碼如下：

但是並沒有成功。 。 。

這單括號是什麼鬼？

控制台只能得到setter 卻沒有getter
請問這是為什麼

Answer 1

1、那個單括號不是什麼鬼，那是一個空物件。因為你在服務裡面設定了myData为{}，而且，你的getCtrl这个controller一开始就去获取了这个值，所以说在页面上会显示{}；

2、在你點擊add按钮的时候，其实已经把input里面的值存入了myData中，只是你的getCtrl不会去获取而已，简单一点，你可以在getCtrl中也设置一个按钮来点击获取myData的值；

3、在你的_getter函数中，你的这一句console.log..放在了return語句後面，不管怎麼執行，都不會有輸出的。

我按照你的程式碼稍微加了一點修改，你可以看看。

<p ng-app="myApp">
    <p ng-controller="inputCtrl">
        <input type="text" ng-model="value" />
        <button ng-click="setValue()">Add</button>
    </p>
    <p ng-controller="getCtrl">
        <p>{{ value }}</p>
        <button ng-click="getValue()">Get</button>
    </p>
</p>

angular.module('myApp', [])
    .factory('factory_getValue', function () {
        var myData = {};

        function _getter() {
            console.log(myData);
            return myData;
        }

        function _setter( a ) {
            myData = a;
        }

        return {
            getter: _getter,
            setter: _setter
        };
    })
    .controller('inputCtrl', function ( $scope, factory_getValue ) {
        $scope.setValue = function () {
            factory_getValue.setter($scope.value);
        }
    })
    .controller('getCtrl', function ( $scope, factory_getValue ) {
        $scope.getValue = function () {
            // 点击按钮获取myData的值
            $scope.value = factory_getValue.getter();
        }
    });