public class IterateController {
@AuraEnabled
public static Map < String, String > fetchMapvalues() {
Map < String, String > MapTest = new Map < String, String >();
MapTest.put(‘Test1’, ‘Jaya’);
MapTest.put(‘Test2’, ‘Krishna’);
MapTest.put(‘Test3’, ‘WordPress’);
MapTest.put(‘Test4’, ‘Com’);
system.debug(MapTest);
return MapTest;
}
}



<aura:component implements=”force:appHostable,flexipage:availableForAllPageTypes” access=”global” controller=”IterateController”>
<ui:button label=”Fetch” press=”{!c.fetch}”/>
<br/><br/>
<aura:attribute name=”ShowTest” type=”Boolean” default=”false”/>
<aura:attribute name=”customers” type=”List” />
<aura:renderIf isTrue=”{!v.ShowTest}”>
<aura:iteration items=”{!v.customers}” var=”cus” indexVar=”key”>
{!cus.key} – {!cus.value}<br/><br/>
</aura:iteration>
</aura:renderIf>
</aura:component>



({
fetch : function(component, event, helper) {
var custNo = component.get(“v.custNo”);
var action = component.get(“c.fetchMapvalues”);
action.setCallback(this, function(response) {
var state = response.getState();
if (state === “SUCCESS”) {
var custs = [];
var conts = response.getReturnValue();
for ( var key in conts ) {
custs.push({value:conts[key], key:key});
}
component.set(“v.customers”, custs);
component.set(“v.ShowTest”, true);
}
});
$A.enqueueAction(action);
}
})