I'm trying to display a list in a lightning component :
the component (Carousel.cmp)
<aura:component controller="CarouselController" implements="forceCommunity:availableForAllPageTypes,force:appHostable,flexipage:availableForAllPageTypes">
<aura:attribute name="actualites" type="Actualite__c[]"/>
<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
<aura:iteration var="a" items="{!v.actualites}">
{!a.Name} : {!a.Description__c}
</aura:iteration></aura:component>
the server side controller (CarouselController.apxc)
public with sharing class CarouselController {
@AuraEnabled
public static List<Actualite__c> getActualites(){
List<Actualite__c> actualites = [select Id, Name, Description__c from Actualite__c];
return actualites;
}
@AuraEnabled
public static Actualite__c getActualite(Id id){
Actualite__c actualite = [select Id, Name, Description__c from Actualite__c WHERE Id = :id];
return actualite;
} }
the client side controller (CarouselController.js)
({
doInit : function(component, event, helper) {
var action = component.get("c.getActualites");
action.setCallback(this, function(reponse){
if(reponse.getState === "SUCCESS"){
component.set("v.actualites", reponse.getReturnValue());
}
});
$A.enqueueAction(action);
} })
I just try to display a dynamic list of Actualite__c but when I try to visualize it with my lightning application :
<aura:application >
<c:Carousel /></aura:application>
I just see a blank page…
Am I doing something wrong ?
Thank you
Best Answer
Also check your aura:iteration.
In Your aura:repeat items you will need to use proper syntax {!v.actualites}
To debug download chrome extension for lightning inspector.
https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/inspector_intro.htm
Also response.getState should be method not property .Correct syntax is response.getState()