title: ng-repeats mutliple times when i call try call this
body: <p>I am calling ng-repeat on my laravel view ng-repeat call a function from controller that gets the data from database and do some calculations and then reuturing the array but it keeps on returning the data i don't know why can anyone can help me on this why http requests execute multiple times?</p>
  
  <p><strong>Here is the code</strong>
   <strong>Laravel View</strong></p>
  
  <pre><code>&lt;div ng-controller="HotelsListController as hotelLstCntrl"&gt;
      &lt;section class="section section-sec top-hotels hotels-sec"&gt;
          &lt;div class="container"&gt;
              &lt;div class="section-title"&gt;
                     &lt;h2&gt;Hotels&lt;/h2&gt;
             &lt;/div&gt;
             &lt;div class="section-body"&gt;
               &lt;div class="owl-carousel owl-theme owl-custom-arrow" id="top-hotels"&gt;
                   &lt;div class="item" ng-repeat="hotel_item in hotelLstCntrl.getTopHotels() "&gt;
                       **This exuecute multiple times**
                   &lt;/div&gt;
               &lt;/div&gt;
            &lt;/div&gt;             
          &lt;/div&gt;
      &lt;/section&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p><strong>angular js controller</strong></p>
  
  <pre><code>(function(){
    angular
        .module('app')
        .controller('HotelsListController',hotelsListController);
  
        hotelsListController.$inject = ['$http','dataService','commonMethods'];
  
        function hotelsListController($http,dataService,commonMethods){
  
           var vm =  this;
           vm.getHotelsRequests = getHotelData;
           vm.getTopHotels = getTopHotels;
  
           function getTopHotels(){
               var hotelsLimit =  10;
               var top_hotels = [];    
               //calling the dataService method to get the hotels 
               dataService.getHotels().then((response)=&gt;{
                   top_hotels = response.data.data;
               });
               console.log(top_hotels);
               return top_hotels;              
           }
       }
  })();
  </code></pre>
  
  <p><strong>Data service for getting the requests from api</strong></p>
  
  <pre><code>(function(){  
      angular
         .module('app')
         .factory('dataService',DataFactory);
  
         DataFactory.$inject = ['$http']
  
         function DataFactory($http){
            var service = {};
  
            service.saveHotels = function(){
              return $http.get('/hotels/saveHotelsData');
            };
  
            service.getHotels = function(){
              return $http.get('/hotels/getHotelsData'); 
            }
            return service;
  
         }
  
  })();
  </code></pre>