AngularJS populate modal with data with click

Question

new to angularjs. ive got a list of players. What i want to do is when click on a player I want to be able to create an overlay modal with that specific players details. I think i have to use a directive but not sure how I can populate the modal with the correct player data...

If any one can point me the right direction that would be great..

Thanks

Vamsi · Accepted Answer · 2014-08-22 10:31:24Z

2

I am assuming you wanted this,

In controller:

$scope.players = [{name: 'sss'}, {name: 'aaa'}];          //array of players

$scope.select = function (index) {
    $scope.selectedPlayer = $scope.players[index];
}

In template:

<div ng-repeat='player in players'>
    <div ng-click='select($index)'>{{player.name}}</div>
</div>

When you click on the player in the view you will get the player object in $scope.selectedPlayer modal

answered Aug 22, 2014 at 10:31

Vamsi

9,8006 gold badges40 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Malkus · Accepted Answer · 2014-08-22 10:23:33Z

1

Take a look at angular-ui/ui-bootstrap.

It has a lot of the DOM manipulating components you are used to working with between JQueryUI and Twitter bootstrap already created as directives (including modals).

answered Aug 22, 2014 at 10:23

Malkus

3,7262 gold badges27 silver badges39 bronze badges

Collectives™ on Stack Overflow

AngularJS populate modal with data with click

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related