Sign Up ›

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Nagaraju Mogili 31Nagaraju Mogili 31 

I want to print the numbers on lightning component

Here is My code ::

Apex controller---

public class Numbers {

     @AuraEnabled
    public static void numbers (){
       List<Integer> intlist = new List<Integer>();
        for(Integer i=0; i<=100 ; i++){
            intlist.add(i);
         }
      }
}

================== 
component :

<aura:component controller="Numbers">
    <aura:attribute name="Number" type ="Integer"/>
    
    <aura:iteration items="{!Number}" var="x">
         {!x}
    </aura:iteration>
    
    <aura:handler name="init" value="{!this}" action ="{!c.doInIt}"/>
</aura:component>
================================
client-side controller:

({
    doInIt : function(component, event, helper) {
          
        var action = component.get("c.numbers");
        
        action.setCallback(this, function(response){
            component.set("v.Number", response.getReturnValue());
        });
        $A.enqueueAction(action);
    }
})
========
 
Ashif KhanAshif Khan
Hii Nagaraju 

You need to do These Changes

In apex class
  
public static  List<Integer> numbersMethod (){
       List<Integer> intlist = new List<Integer>();
        for(Integer i=0; i<=100 ; i++){
            intlist.add(i);
         }
return intlist;
      }

in Component 
<aura:component controller="Numbers">
    <aura:attribute name="Number" type ="Integer[]"/>
    
    <aura:iteration items="{!v.Number}" var="x">
         {!x}
    </aura:iteration>
    
    <aura:handler name="init" value="{!this}" action ="{!c.doInIt}"/>
</aura:component>
JSController 
({
    doInIt : function(component, event, helper) {
          
        var action = component.get("c.numbersMethod");
        
        action.setCallback(this, function(response){
            component.set("v.Number", response.getReturnValue());
        });
        $A.enqueueAction(action);
    }
})



I hope this will help you

Regards
Ashif
Sunil MadanaSunil Madana
Hi Nagaraju,
I would accomplish this inside lightning component and avoid Server-side call like below:

Component code: 
<aura:component>
    
    <aura:handler name="init" value="{!this}" action ="{!c.doInit}"/>
    <aura:attribute name="Number" type ="Integer[]"/>
    <aura:iteration items="{!v.Number}" var="x">
        {!x} <br/>
    </aura:iteration>
    
</aura:component>
Component controller: 
({
    doInit : function(component, event, helper) {
        var numArr = new Array();
        for(var i=0; i<100;i++){ numArr.push(i); }
        component.set("v.Number", numArr);
    }
})
Hope it helps and mark answer correct so that it helps others.