javascript - AngularJS : how to use ng-change in factories?

Question

我的html:

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

我的 Controller :

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

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

效果很好。

现在我想在工厂中使用这个函数(ng-change)，但我不知道如何做。所以，我的 Controller :

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 值即可(不要忘记将工厂注入(inject) Controller 中)

像这样:

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;
        }
    }
});