I have a generic card lightning component which displays some data according to the attributes provided. I have created the following hierarchy.
<compA> <myComp/> <compB> <myComp/> <myComp/> <compC/> </compB> </compA>
The generic component is mycomp and the attributes provided will be different for each instance will be different. So suggestions how I can achieve the following:
- A change in the attribute for one instance should not affect the attributes for the other instances.
- Hiding a component by adding slds-hide to the container in the inner dom(this can be done calling a function of the child using the particular aura:id but for some reason the other instances were also affected despite having different aura:id)
- An event fired from say compC (compoent type or application type?) should only be handled by the components inside compB and not the one outside.