Array repeats simultaneously in json

Question

I am trying to make a calendar where I will get the information in a request Rest in Angularjs. What I want to create a calendar where you can record your events. With the json date attribute he enters that event and registers an icon on that day.

My mistake is as you can see in the image it will fetch an array and insert it into all fields and not just the day it was registered in json. My function repeats 42 times the number of the squares in the calendar. Does anyone know where the error in my approach is that I don’t understand.

Imagery

Json

{"data":[
    {"title":"John", 
     "start":"2016-10-22"
    }, {
     "title":"João", 
     "start":"2016-10-25"
    }
]}

controller

$scope.setDayContent = function(date) {

    return $http ({
        method : "GET",
        url : "app/components/home/controller/test_calendar.json"
      }).then(function mySucces(response) {
            console.log(response.data.data[1]);
        }, function myError(response) {
          $scope.valor = response.statusText;
      }); 

html

    <calendar-md flex layout layout-fill
          calendar-direction="direction"
          on-prev-month="prevMonth"
          on-next-month="nextMonth"
          on-day-click="dayClick"
          ng-model='selectedDate'
          week-starts-on="firstDayOfWeek"
          tooltips="tooltips"
          day-format="dayFormat"
          day-content="setDayContent"
          ></calendar-md> 

version 2:

 $scope.loadData = function(){

      return $http ({
        method : "GET",
        url : "app/components/home/controller/test_calendar.json"
      }).then(function mySucces(response) {
           $scope.jsonData = response.data.data;
        }, function myError(response) {
          $scope.valor = response.statusText;
      }); 
    }


    $scope.setDayContent = function(date, content) {


//check if $scope.jsonData contains date parameter
// return title

    }; 

Answer 1

I already understand the point that is generating this search loop.

Your setDayContent is called by the component so you can inform the content of the day, but you are not treating the parameters passed by the component and searching for the day it requested, but returning the whole calendar.

Suggestion: Treat your setDayContent to search in the request only the day he asked, which is in the parameters that the component sends you.

Or, load events before loading the component and into your setDayContent you search this array or event object already loaded by the date it requested you via parameter.

And you better go back to the component page you are using and read its documentation better.

---

UPDATE

So man, I took a look at documentation.

That’s right, your mistake is not to filter the date the component requested. The component te the option to reply with html, or with a precedent.