コントローラーからサービス関数への$ scope値の受け渡し

Question

サービスにスコープ値を渡す必要があります。私がやっていることは、コントローラー内のサービスの機能を無効にし、この関数にパラメーターとしてスコープ値を渡すことです。ここでは、コードです

HTMLコード

<md-datepicker ng-model="dateDebut" md-placeholder="Enter date"> </md-datepicker> 
<md-datepicker ng-model="dateFin" md-placeholder="Enter date" ></md-datepicker> 

コントローラー・コード

app.controller('graphCtrl', function($scope, $stateParams, graphDetails, $filter,$http) { 

    var self = this; 

    self.dateDebut = $scope.dateDebut; 
    self.dateFin = $scope.dateFin; 

    var mettreAJour = graphDetails.mettreAJour(self.dateDebut, self.dateFin); 

    $scope.labels = mettreAJour.labels; 
    $scope.data = mettreAJour.data; 
}); 

サービスコード

app.factory('graphDetails', function($filter, $http) { 
    var labels = []; 
    var data = [ 
    [] 
    ]; 

    return { 
    mettreAJour: function(dateDebut, dateFin) { 
     if (dateDebut && dateFin) { 
     var dd = $filter('date')(dateDebut, 'yyyy-MM-dd;HH:mm:ss'); 
     var df = $filter('date')(dateFin, 'yyyy-MM-dd;HH:mm:ss'); 
     var dif = dateFin.getDate() - dateDebut.getDate(); 

     //do somthing with labels and data 
     return { 
      labels : labels, 
      data : data 
     }; 

     } 
    } 
    }; 
}); 

私がコメントするのであれば、私は定義されていないエラーラベルとして取得し、それは私はこのエラーが表示されます：

Cannot read property 'getDate' of undefined 

これはコードがdateFinでもdateDebutでも認識しないことを意味します。

サービスにスコープを渡すもう1つの方法はありますか、現在のコードで何か不足していますか？

Answer 1

を縮小化している場合、私が正しく質問を理解していれば必要とされるinline array annotationを見てみたときにスコープの変更のいずれかdateDebutまたはdateFinプロパティ。

これを実現するには、$watchまたは$watchGroupの方法を使用できます。 Simplified Demo。例

app.controller('graphCtrl', function($scope, graphDetails) { 

    // start watcher 
    $scope.$watchGroup(['dateDebut', 'dateFin'], function(args) { 
    var debut = args[0], fin = args[1]; 
    angular.extend($scope, graphDetails.mettreAJour(debut, fin)) 
    }) 
}) 

Answer 2

は、おそらくこれはあなたがmettreAJourからlabelsを返すようにしようとしているが、それはlabels & dataを認識していないためです。

このスニペットが便利です。

app.factory('graphDetails', function($filter, $http) { 
    var _graphDeatilsObject = {}; 
    _graphDeatilsObject.labels = []; 
    _graphDeatilsObject.data = [ 
    [] 
    ]; 

    _graphDeatilsObject.mettreAJour = function(dateDebut, dateFin) { 
    // Rest of the code 
    } 
    return _graphDeatilsObject; 
}); 

はまた、あなたがする何とかreevalute値を必要とするあなたは、コード