I have an attribute of type integer.

<aura:attribute name="selectedRowNum" type="integer"  />

I also have an iteration component in which I get the index of the current object that is being iterated through javascript, code is below on how I get that

var selectedItem = event.currentTarget; // Get the target object
    var index2 = selectedItem.dataset.record; // Get its value i.e. the index This is because in the iterration i used index on it
    var selectedacc = component.get("v.Accounts")[index2]; // Use it retrieve the stored record

I then store the index in the integer attribute

    var selectedRowNum = component.get("v.selectedRowNum");
        var number = component.get("v.index");
component.set("v.selectedRowNum", number);

This is my following code in the lightning component that I am having trouble with

                <aura:iteration var="account" items="{!v.Accounts}" indexVar="idx">
                    <tr class="slds-hint-parent">
                        <th role="gridcell">
                            <div class="slds-truncate" title="Acc"><a href="{!'/'+ account.Id }" target="_blank" tabindex="-1">{!account.Name} {!idx == v.selectedRowNum} <p>{!v.selectedRowNum} + {!idx} +{!v.index} </p></a></div>
                        <td role="gridcell">
                            <lightning:layoutItem size="4">
                                    <aura:if isTrue = "{!idx == v.selectedRowNum}">
                                        <!-- show nothing if the row is selected -->

                                        <aura:set attribute="else">                                        
                                            <c:customLookupComp objectAPIName="Master_Customer__c"
                                            <force:inputField  value="{!v.selectedLookUpRecords}"/>

As you can see I output what the current values of the index of the iteration component and the attribute. They match... But the aura if comparasion comes out false..

so !idx == v.selectedrownum always comes out false even though they show the same two numbers. I believe the data types are not the same and that is why the compare fails. If I were to hardcore the selectedrownum with a 0 then the aura if is valid( only for the index 0 for obvious reasons). Can I get some help on make sure these javascript integers match the integers the iteration component outputs? Has anyone else ran into this issue?


  • 1
    Try type="Integer" instead of type="integer" Oct 15 '18 at 13:03
  • 3
    Will try this, why would this be an issue though? Oct 15 '18 at 13:05
  • 4
    Lightning is case sensitive. If it cannot find proper type it uses default object Oct 15 '18 at 13:08
  • 1
    Lightning is case sensitive so , change it to Integer and you can try <aura:if isTrue="{!equals(v.selectedRowNum, idx)}" /> Oct 16 '18 at 9:26
  • @SagarHinsu I have tried this and that expression and it works only if I had code the number to a zero. I think the issue is in this line. component.set("v.selectedRowNum", index2); if you look at the above code you will see how I retrieve this variable. The variable if you output it in a console comes out to whatever row you are on (0, 1, 2) and I compare it to the selectedrow num. Both numbers are zero on the first row but the aura if does not evaluate. However if I change the line to component.set("v.selectedRowNum", 0); the aura if works.. Oct 16 '18 at 12:11

I have found the problem.

idx comes over as a string so we have to convert it in javascript to a number by using


this works. thanks everyone

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.