repeats array in json/angularjs

Question

I'm trying to make a calendar where I will get the information in a request resto in AngularJS. What I want to create a calendar where you give to register your events. With the date of the json attribute it to enter this event and registers an icon that day.

My error is as you can see in the picture it will fetch an array and insert all the fields and not only on the day that was registered to json. My job is repeated 42 times which is the number of squares on the calendar. Does anyone know where is the error in my approach is that I do not understand.

Image

controller

$scope.setDayContent = function(date) {

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

};

json

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

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>

Can you please tell me what is the output of the response.data.data ? — Beslinda N.
– Beslinda N., Commented Oct 28, 2016 at 15:28
return response.data.data[0].title; = John return response.data.data = i see the 2 arrays — Jose Cerejo
– Jose Cerejo, Commented Oct 28, 2016 at 15:33

M B · Accepted Answer · 2016-10-28 15:34:11Z

1

Your function setDateContent runs for each date in the calendar. In your success callback, you need to add logic to check the data that was returned and set a variable or return the information that is needed for that day.

You should not be loading the JSON for each day. YOu should load the JSON and then check it for each date in the function.

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

$scope.setDayContent = function(date) {

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

};

edited Oct 28, 2016 at 15:34

answered Oct 28, 2016 at 15:28

M B

2,32627 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jose Cerejo Over a year ago

when i call the $scope.jsonData in my setDayContent i have one error "ReferenceError: jsonData is not defined". Why? Because of different functions?

M B Over a year ago

You need to call th $scope.loadData function in an init or when the controller loads.

Jose Cerejo Over a year ago

the expression $watch dont resolve my problem? I'm still trying to work it out

Collectives™ on Stack Overflow

repeats array in json/angularjs

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related