angularjsのコントローラに$ scopeを使用する関数をインクルード/注入する方法はありますか？

Question

私は、ファクトリで保持されている関数のライブラリをコントローラに組み込もうとしています。このような質問に似て ： Creating common controller functions

マイメインコントローラは次のようになります。そして、

recipeApp.controller('recipeController', function ($scope, groceryInterface, ...){ 

$scope.groceryList = []; 
// ...etc...  

/* trying to retrieve the functions here */ 
$scope.groceryFunc = groceryInterface; // would call ng-click="groceryFunc.addToList()" in main view 
    /* Also tried this: 
    $scope.addToList = groceryInterface.addToList(); 
    $scope.clearList = groceryInterface.clearList(); 
    $scope.add = groceryInterface.add(); 
    $scope.addUp = groceryInterface.addUp(); */ 
} 

、別の.jsファイルでは、私は工場groceryInterfaceを作成しました。私はこの工場を上記のコントローラに注入しました。

工場

recipeApp.factory('groceryInterface', function(){ 

     var factory = {}; 

    factory.addToList = function(recipe){ 
     $scope.groceryList.push(recipe); 
        ... etc.... 
    } 

    factory.clearList = function() { 
      var last = $scope.prevIngredients.pop(); 
      .... etc... 
    } 

    factory.add = function() { 
    $scope.ingredientsList[0].amount = $scope.ingredientsList[0].amount + 5; 
    } 

    factory.addUp = function(){ 
     etc... 
    } 

    return factory; 
}); 

しかし、私のコンソールで、私はもちろん、私はこれは私が以内に私の機能で$scopeを使用していたという事実に関係している推測しているなど、をReferenceError: $scope is not defined at Object.factory.addToListを得続けます工場。これをどうやって解決するのですか？私は多くの他の例で見てきましたが、誰も外部ファクトリ関数内で$scopeを使用することはありません。私は私の工場でパラメータとして$scopeを注入しようとしましたが、それはうまく動作しませんでした。 （例：recipeApp.factory('groceryInterface', function(){）

本当にありがとうございます。

Answer 1

あなたの工場は同じ範囲にないので、$scopeにアクセスすることはできません。

代わりにこれを試してみてください：

recipeApp.controller('recipeController', function ($scope, groceryInterface) { 

    $scope.addToList = groceryInterface.addToList; 
    $scope.clearList = groceryInterface.clearList; 
    $scope.add  = groceryInterface.add; 
    $scope.addUp  = groceryInterface.addUp; 
} 

recipeApp.factory('groceryInterface', function() { 

    var factory = {}; 

    factory.addToList = function (recipe) { 
     this.groceryList.push(recipe); 
    } 

    factory.clearList = function() { 
     var last = this.prevIngredients.pop(); 
    } 
}); 

---

また、あなたがより多くのオブジェクト指向のアプローチを使用して試すことができます：それは定義されていないとして、あなたは工場で$scopeを使用することはできません

recipeApp.controller('recipeController', function ($scope, groceryInterface) { 

    $scope.groceryFunc = new groceryInterface($scope); 
} 

recipeApp.factory('groceryInterface', function() { 

    function Factory ($scope) { 

     this.$scope = $scope; 
    } 

    Factory.prototype.addToList = function (recipe) { 
     this.$scope.groceryList.push(recipe); 
    } 

    Factory.prototype.clearList = function() { 
     var last = this.$scope.prevIngredients.pop(); 
    } 

    return Factory; 
}); 

Answer 2

。代わりに、ファクトリ関数でファクトリが返すオブジェクトのプロパティを変更します。

factory.addToList = function (recipe) { 
    this.groceryList.push(recipe); 
} 

これらはその後、これは、この質問に対する正確な答えはありませんが、私は、私は単に$スコープを渡すことによって解決同様の問題を持っていたあなたの$scope変数

$scope.addToList = groceryInterface.addToList; 
// ... = groceryInterface.addToList(); would assign to `$scope.addToList` what is returned, instead of the function itself. 

Answer 3

に渡されます私の工場の関数への引数。したがって、通常の$スコープではなく、ファクトリの関数が呼び出された時点での$スコープになります。

app.controller('AppController', function($scope, AppService) { 


    $scope.getList = function(){ 

    $scope.url = '/someurl' 

    // call to service to make rest api call to get data 

    AppService.getList($scope).then(function(res) { 
     // do some stuff 

    }); 
    } 

}); 


app.factory('AppService', function($http, $q){ 
    var AppService = { 

    getList: function($scope){ 
     return $http.get($scope.url).then(function(res){ 
     return res; 
     }); 
    }, 

    } 

    return AppService; 
});