You need to sign in to do that
Don't have an account?
Qin Lu
Create a drill down for a field in visual force page using Angular JS
I have a visual force page using angular JS. I have include this page as a section in Contact standard page. I need to create a drill down for one of the field to naviage a standard detail page. I understand how to do this in visual force page using outputlink. But my page is using Angular JS,
If I do the following
<div class="card" ng-repeat="story in stories">
<a id="link-3" ng-href = "/{{story.Id}}">{{story.title}}</a>
</div>
it opens the iframe in current section.
If I use do the following as I used in outputlink
<a id="link-3" ng-href ="window.top.location.href ='/{{story.Id}}'">{{story.title}}</a>
or
<a id="link-3" ng-click ="window.top.location.href ='/{{story.Id}}'">{{story.title}}</a>
neither one is working at all. I can see story.Id is resolved correctly when I inspect element in browser.
Any help is appreciated !
If I do the following
<div class="card" ng-repeat="story in stories">
<a id="link-3" ng-href = "/{{story.Id}}">{{story.title}}</a>
</div>
it opens the iframe in current section.
If I use do the following as I used in outputlink
<a id="link-3" ng-href ="window.top.location.href ='/{{story.Id}}'">{{story.title}}</a>
or
<a id="link-3" ng-click ="window.top.location.href ='/{{story.Id}}'">{{story.title}}</a>
neither one is working at all. I can see story.Id is resolved correctly when I inspect element in browser.
Any help is appreciated !
If using apex tag <apex:outputLink value="/{!fa.id}" onClick="window.top.location.href = '/{!fa.id}'; return false;">{!fa[field]} </apex:outputLink> does the trick, but I can't use apex tag because I have alrady used ng-repeat, using apex tag, story variable is not recognized.