function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ 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.