I have done a VF Page which pulls data through RemoteAction Methods and display it.
On clicking the row ,jumptron should display its related information whose logic resides in a apex:component.
All i have to do is to pass the record id to the apex:component ,which would query some related object and display the data in apex:dataTable
Eg:At the primitive level this is what am trying to
<ul class="list-group">
<li class="list-group-item" ng-repeat-start="x in data">
{{x.Name}}
</li>
<div ng-repeat-end="end">
<div class="jumbotron">
<div class="row">
<div class="panel-body">
<c:RelatedTask value="{{x.Id}}"/>
</div>
</div>
</div>
</div>
</ul>
RelatedTaskComponent:
<apex:component controller="TestCtrl">
<apex:attribute name="value" description="This is the value for the component." type="String" assignTo="{!parentId}"/>
<apex:dataTable value="Collection">
..... //some data
</apex:dataTable>
</apex:component>
using controller:
public class TestCtrl{
public String parentId{
get;
set{
this.parentId = value;
System.debug('this.parentId:::::::'+this.parentId); /
}
}
public TestCtrl(){
//logic to query the related data passed on the parentid received from ng-repeat
}
}
I tried to pull the data based on the parentid from the repeat in the components controller ,but am getting parentid field as "{{x.Id}}" but not the evaluated angular expression.