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.