如何在选择输入中选择选项之前停止函数调用

Question

I have a list of products in my select input,what I want is to call the "duplicateGammeProduit" each time I choose a product from the list,that will send the ID of this product,but what I notice is that this method is called before I choose any option,this is my code:

<select ng-model="produitId" ng-change="duplicateGammeProduit(produitId)">
        <option ng-repeat="pi in listProduitUsed" value="{{pi.id}}">{{pi.reference}}</option>
    </select>

and this is the controller code:

.controller(
        'GammeCtrl', [
            '$scope',
            '$http',

            function($scope, $http) {

    $scope.duplicateGammeProduit = function(produitId) {
      $http.get(MyURL:" +produitId).success(
           function(gammeProduit) {                                     
          //the method to be called when an option is selected          
      $scope.classifierListElementGamme(gammeProduit.listElementGamme);
           gammeProduit.id = null
             ....
            $scope.finalOperationsList = gammeProduit.listElementGamme;
          });
       }

  $scope.listeProduitUsed = function() {
                $http
                    .get(URL/getProduitListUsed")
                    .success(
                        function(dataProduit) {

                            $scope.listProduitUsed = dataProduit;
                        });}
      $scope.listeProduitUsed();

}]);

so how can I stop this call before the option's choose,because this call slows down my app thanks for help

Answer 1

$scope.duplicateGammeProduit = function(produitId) {
  if (!produitId) {
    return;
  }

  $http.get(MyURL:" +produitId).success(
       function(gammeProduit) {                                     
      //the method to be called when an option is selected          
  $scope.classifierListElementGamme(gammeProduit.listElementGamme);
...

the same idea with my comment