wiederholt Array in JSON/AngularJs

Question

Ich versuche, einen Kalender zu machen, wo ich die Informationen in einer Anfrage in AngularJS erhalten werde. Was ich möchte einen Kalender erstellen, wo Sie geben Sie Ihre Veranstaltungen zu registrieren. Mit dem Datum des json-Attributs wird dieses Ereignis eingegeben und ein Symbol an diesem Tag registriert.

Mein Fehler ist, wie Sie auf dem Bild sehen können, wird es ein Array holen und alle Felder und nicht nur an dem Tag einfügen, der zu json registriert wurde. Mein Job wird 42 Mal wiederholt, was die Anzahl der Quadrate im Kalender ist. Weiß jemand, wo ist der Fehler in meinem Ansatz ist, dass ich nicht verstehe.

Bild

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> 

Answer 1

Ihre Funktion setDateContent läuft für jedes Datum im Kalender. In Ihrem success Callback müssen Sie Logik hinzufügen, um die Daten zu überprüfen, die zurückgegeben wurden, und eine Variable festlegen oder die Information zurückgeben, die für diesen Tag benötigt wird.

Sie sollten den JSON nicht für jeden Tag laden. Sie sollten den JSON laden und dann für jedes Datum in der Funktion überprüfen.

$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 

};