so the scenario is that i have an iteration within an iteration ....

    <aura:handler name="init" value="{!this}" action="{!c.setUpScreen}" />

    <aura:attribute name="PageQuestions" type="qf_Answers[]" />
    <aura:attribute name="PageQuestionsDropDowns" type="list" />

    <section class="slds-card">


            <section class="slds-card slds-p-around_medium">
                <div class="slds-form"> 
                    <aura:iteration items="{!v.PageQuestions}" var="PQs" indexVar="PQsIndex">

                                <aura:if isTrue="{!PQs.QuestionType == 'Picklist'}">
                                    <lightning:select aura:id="select" 
                                                      messageWhenValueMissing="Please select a valid option"
                                        <option text="--Select an option--" value="" />
                                        <aura:iteration items="{!v.PageQuestionsDropDowns}" var="Dropdown" >
                                           <aura:renderIf isTrue="{!PQs.AnswerID == Dropdown.Listid}">
                                            <option text="{!Dropdown.DisplayValue}" value="{!Dropdown.ListValue}" />






If i use the <aura:renderIf isTrue="{!PQs.AnswerID == Dropdown.Listid}">

it works without an issue, if i use the new

<aura:If isTrue="{!PQs.AnswerID == Dropdown.Listid}">

then i get an error, which is

Uncaught Action failed: aura:if$controller$handleTheTruth [Cannot read property 'N' of undefined] Callback failed: apex://qf_questionBuilder/ACTION$loadPageAnswers

looking at the line in the javascipt page/line that the error refers to it is saying it cant get an owner ( i am not using that property anywhere)

HtmlComponent.prototype.$setupComponentDef$ = function() {
this.$componentDef$ = $A.$componentService$.$getComponentDef$({"descriptor":"markup://aura:html"}); $A.$lockerService$.$trust$(this.$componentDef$, this); var owner = this.$getOwner$(); for(var ownerName = owner.$getType$();ownerName === "aura:iteration" || ownerName === "aura:if";) { owner = owner.$getOwner$(); ownerName = owner.$getType$() } $A.$lockerService$.$trust$(owner, this) };

Line error is on:

ownerName = owner.$getType$()

My concern is that now that renderif is depreciated this will stop working, i honestly cant see what is wrong, over to you guys for thoughts. All greatly received as ever.


Be careful with cAsE-sEnSiTiViTy:

<aura:If isTrue="{!PQs.AnswerID == Dropdown.Listid}">

Is not:

<aura:if isTrue="{!PQs.AnswerID == Dropdown.Listid}">

Aside from that, consider using eq instead:

<aura:if isTrue="{!PQs.AnswerID eq Dropdown.Listid}">

Note that the docs specifically state:

Don’t use the == operator for objects, as opposed to basic types, such as Integer or String. For example, object1==object2 evaluates inconsistently on the client versus the server and isn’t reliable.

Which may or may not affect your situation here.

  • thanks on both points, i will fix the code. useful feedback, i'll let you know if that fixes it – Phil Macleod Feb 27 '20 at 18:57
  • Thanks - didn't resolve the issue, but will use eq moving forwards ! – Phil Macleod Feb 28 '20 at 10:15
  • It's likely your action failing. Put a breakpoint there and I think you'll find an error. If that's not the problem, mock the expected data and get your page to render using that - if you are getting an error, then your expected data is not matching your actual. – Caspar Harmer Mar 1 '20 at 7:00

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.