角度ファクトリーでの双方向バインディング

Question

私は、別のコントローラーに渡す必要のあるオブジェクトを格納するAngularファクトリーを作成しました。工場は次のようになります：

app.factory('SearchEngineConfigs', function() { 
    var configs = { 
     isInternational: false, 
     TripType: 1, 
     journeys: [] 
    } 
    var _setInternational = function(val) { 
     configs.isInternational = val; 
    } 
    var _setTripType = function(val) { 
     configs.TripType = val; 
    } 
    var _setJourneys = function(journeys) { 
     configs.journeys = journeys; 
    } 

    var _getConfigs = function() { 
     return configs; 
    } 
    return { 
     setInternatioanl: _setInternational, 
     setTripType: _setTripType, 
     setJourneys: _setJourneys, 
     getConfigs: _getConfigs 
    } 
}); 

私はこの工場を私のコントローラに注入しました。コントローラの1つでは、configsの工場の値を次のように設定しています。

これまでのところとても良いです。ここで何が起きているのかは、私が変更するたびにファクトリメソッドSearchEngineConfigs.setInternatioanlを呼び出さずに$scope.searchEngine.isInternationalと言いましょう。この変更はまだ工場に反映されているため、最初のコントローラと同時にそのファクトリを使用している別のコントローラでこのプロパティを更新します。これを避けるにはどうすればいいですか？私は、明示的に対応するファクトリメソッドへの呼び出しを行うときに、ファクトリ内のオブジェクトの値を変更したいだけです。

Answer 1

あなたが工場外に存在するために、あなたの内部状態のオブジェクトへの参照を可能にすることを避けるためにangular.copyを使用することができます。
リークを引き起こす可能性があるため、入力と出力の両方でこれを行う必要があることに注意してください。

function decorate(func) { 
    return function() { 
     const argumentsCopy = _.map(arguments, a => angular.copy(a)); 
     const result = func.apply(factory, argumentsCopy); 
     return angular.copy(result); 
    }; 
} 

...今度は次のように使用されます：

var factory = { 
    setInternatioanl: decorate(_setInternational), 
    setTripType: decorate(_setTripType), 
    setJourneys: decorate(_setJourneys), 
    getConfigs: decorate(_getConfigs) 
} 
return factory 

Answer 2

newキーワードを使用すると、サービスの異なるインスタンスを持つことができます。

var searchEngineConfigs = new SearchEngineConfigs();のようなものを使用して、それを使用してファクトリメソッドを呼び出します。

または、angular.copy()を使用して、サービスの変数を設定して、サービスの更新を引き起こしている参照を削除することができます。

何かのように、

var _setInternational = function(val) { 
    configs.isInternational = angular.copy(val); 
}