In VF it is possible to do like:
<apex:outputField value="{!target[dynProperty]}"/>
Which expression can be used to do similar thing inside lightning component (not inside lightning js controller)? Doing like this
{!v.target[dynProperty]}
results in error:
Failed to save undefined: expecting a positive integer, found 'dynProperty' at column 10 of expression: v.target[dynProperty]: Source
Are there any ideas how to do this inside component (not js controller)?
It does not look like a variable defined as indexVar was meant to be used as part of another expression.
e.g. this works
<aura:iteration items="{!v.contacts}" var="item" indexVar="index">
{!index} : {!item.FirstName}<br/>
</aura:iteration>
I think in your example "item" should be changed from final value to an object which has properties .label and .value, something like this:
<aura:iteration var="item" items="{!v.items}">
<li>
<label class="card-detail-label">{!item.label}</label>
<span class="card-detail-value">{!item.value}</span>
</li>
</aura:iteration>
In this example I am using contact object and we will get contact' Account info as well as owner info..
For now I am hard-coded API name but you can use Field set as well..
public class GetAFewContacts {
@AuraEnabled
public static list<Contact> getContacts(){
return [SELECT Id, Name, Account.Name, Owner.Name, Owner.Email
FROM Contact LIMIT 10];
}
}
<aura:component controller="GetAFewContacts" implements="force:appHostable, flexipage:availableForAllPageTypes, forceCommunity:availableForAllPageTypes" access="global">
<aura:attribute name="contacts" type="Contact[]" />
<aura:attribute name="fieldNames" type="String[]" default='["Id","Name", "Account.Name", "Owner.Name", "Owner.Email"]'/>
<aura:handler name="init" value="{!this}" action="{!c.doInit}" />
<table>
<tr>
<aura:iteration items="{!v.fieldNames}" var="fieldName">
<th><ui:outputText value="{!fieldName}" /></th>
</aura:iteration>
</tr>
<aura:iteration items="{!v.contacts}" var="contact" >
<tr>
<aura:iteration items="{!v.fieldNames}" var="fieldName">
<td>
<c:ContactAndFieldName contact="{!contact}" fieldName="{!fieldName}" />
</td>
</aura:iteration>
</tr>
</aura:iteration>
</table>
</aura:component>
({
doInit : function(component, event, helper) {
var action = component.get("c.getContacts");
action.setCallback(this,function(response){
if (response.getState() === "SUCCESS"){
component.set("{!v.contacts}",response.getReturnValue());
}
}
);
$A.enqueueAction(action);
}
})
<aura:component >
<aura:attribute name="contact" type="Contact" />
<aura:attribute name="fieldName" type="String" />
<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
<ui:outputText aura:Id="outputTextId" />
</aura:component>
({
doInit : function(component, helper) {
var Contact = component.get('v.contact');
var FieldName = component.get('v.fieldName');
var outputText = component.find("outputTextId");
if (FieldName.indexOf(".") >= 0) {
var ParentSobject = Contact[FieldName.split(".")[0]];
if(ParentSobject != undefined){
outputText.set("v.value",ParentSobject[FieldName.split(".")[1]]);
}
}
else{
outputText.set("v.value",Contact[FieldName]);
}
}
})
Best Answer
The expression syntax does not support it.
You can use index array referencing, but not what you are doing here.
{!v.target[3]}- Okay{!v.target.prop}- OkayWhat you suggested, no joy.