AngularJS：如何在工廠中使用ng-change？

Question

我的html：

<div ng-controller="MainController">
  <input type="text" ng-model="value" ng-change="change(value)">
</div>

我的控制器：

app.controller('MainController', ['$scope', function($scope){
    var search;

    $scope.change = function(value) {
        search = value;
    }
}]);

效果很好。

現在我想在工廠中使用此功能（ng-change），但我不知道如何。 因此，我的控制器：

app.controller('MainController', ['$scope', 'MainFactory', function($scope, MainFactory){
    $scope.search = MainFactory.getSearch();
}]);

我的工廠：

app.factory('MainFactory', function(){
    var search;

    return {
        getSearch: function() {
            whatMustBeHere.change = function(value) {
                search = value;
            }
            return search;
        }
    }
});

也許還有其他方法可以解決此問題？ 非常感謝。

Answer 1

使用getter和setter將值保存在工廠中

您只需設置onChange值即可（不要忘記將工廠注入控制器中）

像這樣：

app.controller('MainController', ['$scope', function($scope, MainFactory){

    $scope.search = MainFactory.getSearchValue();

    $scope.change = function(value) {
        MainFactory.setSearchValue(value);
    }
}]);

在你的工廠里

app.factory('MainFactory', function(){
    var search;

    return {
        setSearchValue: function(value) {
            this.search = value;
        }

        getSearchValue: function() {
            return this.search;
        }
    }
});