hi,

i solved it 

thank you

On Saturday, April 12, 2014 11:16:09 AM UTC+10, Asif Bhura wrote:
>
> Hi,
>
> I have  file which contains some array data which i have attached.
>
> I want output like vertical navigation menu.when i click any menu the 
> related data must display on other side as i have attached
>
>
> Please give me complete soultions.
> my maincontroller.js is like
>
> app.controller("MainController", function ($scope,$http) {
>     $scope.ListActors =  [
> {
> 'id': '1',
> 'firstName': 'Megan',
> 'lastName': 'Fox',
> 'picture': 'images/01.jpg',
> 'bio': 'Megan Denise
> },
> {
> 'id': '2',
> 'firstName': 'Robert',
> 'lastName': 'Pattinson',
> 'picture': 'images/02.jpg',
> 'bio': 'Robert Pattinson
> },
> {
> 'id': '3',
> 'firstName': 'Jude',
> 'lastName': 'Law',
> 'picture': 'images/03.jpg',
> 'bio': 'Born on December 
> }]
>    $scope.ShowData = function (index) {
>         $scope.currItem = index;
>     }
> })
>
>
>
> <body class="wrapper">
>     <h1>Profile Browser</h1>
>     <div id="content" ng-app='MyActorApp' ng-controller='MainController'>
>         <div style="float:left;width:250px;">
>             <div ng-repeat='item in ListActors'>
>                 <a ng-click="ShowData(item)">{{item.firstName}} 
> {{item.lastName}}</a>
>                 
>             </div>
>         </div>
>
>             <div style="float:right; width:750px;">
>                     * I want to display full description here such as 
> image, bio*
>             </div>
>         </div>
>
> </body>
>

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to