#Custom Lightning Component토론 중인 항목 0개

Hi All,

I am trying to reduce the amount information visible on my pages and what to try and update my alert notification lightning component from showing multiple with different message but 1 alert banner that displays different information based on the Account ID, here is example of my attempt to use IF statement, but clearly not working;

<aura:component implements="flexipage:availableForAllPageTypes" access="global" >

    <aura:if isTrue="{!v.Account.ID = '0010C00000DbnUSQAZ'}">

    <div class="slds-notify slds-notify_alert slds-theme_alert-texture slds-theme_warning" role="alert">

        <lightning:icon iconName="utility:warning" size="small" class="icn"/>

        <div class="slds-p-left_medium"></div>

        <strong>

            <div class="slds-text-heading_medium"><p style="font-weight:bold;"> Test1 </p></div>

        </strong>

        <div class="slds-p-right_medium"></div>

       <lightning:icon iconName="utility:clock" size="small" class="icn"/>

    </div>

    </aura:if>

        <aura:if isTrue="{!v.Account.ID = '0010C00000DbnUcQAJ'}">

        <div class="slds-notify slds-notify_alert slds-theme_alert-texture slds-theme_warning" role="alert">

        <lightning:icon iconName="utility:warning" size="small" class="icn"/>

        <div class="slds-p-left_medium"></div>

        <strong>

            <div class="slds-text-heading_medium"><p style="font-weight:bold;"> Test2 </p></div>

        </strong>

        <div class="slds-p-right_medium"></div>

       <lightning:icon iconName="utility:clock" size="small" class="icn"/>

    </div>

    </aura:if>

</aura:component>

What I want is for an alert that has a single purpose that will dynamically change its message based on the Account ID or Name so I add/remove new one to it to display for very specific accounts and reduce the amount of notification that I have to deal with when editing/creating new pages.

Thanks

Hello everyone!

I need help with a problem that I have. 

I have two sandbox with the same lightning component and the same code,I compare with clickdeploy.io, BUT, In one sandbox is working fine when doInit initialize, but in the other sandbox is not working. There are two components related, the parent component and the child. The parent component doInit method is working fine, but the child component is not working, It doesn't even run the doInit of the child component. This causes the functionality does not load correctly. The strange thing is that in one sandbox it works correctly but in the other it doesn't, even though it has the same code and components.

Code of sandbox 1

Cmp

<aura:component implements="lightning:actionOverride,force:lightningQuickAction,force:hasRecordId,flexipage:availableForAllPageTypes" controller="OM_ActionPlanTemplateCreationController">

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

    <aura:attribute name="taskdependencyList" type="String[]"/>

    <aura:attribute name="TemplateID" type="String"/>

    <aura:attribute name="aptwrapper" type="OM_APT_TaskTemplate__c[]" />   

    <aura:attribute name="apt" type="OM_Action_Plan_Template__c" default="{'sobject':'OM_Action_Plan_Template__c'}"/> 

    <aura:handler name="deleteRowEvent" event="c:OM_DeleteRowEvent" action="{!c.removeRows}"/>

...... More code

                        <tbody>

                            <aura:iteration items="{!v.aptwrapper}" var="item" indexVar="index">

                                <c:OM_APTRowItem Apt="{!item}" AptTemplate="{!v.aptwrapper}" rowIndex="{!index}" taskId="{!item.id}" TemplateID="{!v.TemplateID}"/>

                            </aura:iteration>                                           

                        </tbody>

Code of sandbox 2

<aura:component implements="lightning:actionOverride,force:lightningQuickAction,force:hasRecordId,flexipage:availableForAllPageTypes" controller="OM_ActionPlanTemplateCreationController">

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

    <aura:attribute name="taskdependencyList" type="String[]"/>

    <aura:attribute name="TemplateID" type="String"/>

    <aura:attribute name="aptwrapper" type="OM_APT_TaskTemplate__c[]" />   

    <aura:attribute name="apt" type="OM_Action_Plan_Template__c" default="{'sobject':'OM_Action_Plan_Template__c'}"/> 

    <aura:handler name="deleteRowEvent" event="c:OM_DeleteRowEvent" action="{!c.removeRows}"/>

...... More code

                        <tbody>

                            <aura:iteration items="{!v.aptwrapper}" var="item" indexVar="index">

                                <c:OM_APTRowItem Apt="{!item}" AptTemplate="{!v.aptwrapper}" rowIndex="{!index}" taskId="{!item.id}" TemplateID="{!v.TemplateID}"/>

                            </aura:iteration>                                           

                        </tbody>

The problem is when aura:iteration call other component, in the sandbox 2 does not load and sandbox 1 does load. If someone has happened I appreciate the support or if you have any idea how to solve this problem.

I am attaching the screenshot of each sandbox.

Thank you