ngclick

by Rob Rothe

HTML

<div ng-app="app">
   <div class="container" ng-controller="Controller as ctrl">

      <button ng-repeat="rep in ctrl.reps" ng-click="ctrl.getRep(rep)">{{rep.name}}</button><br>
      <div ng-if="ctrl.rep">
         <h4>
         Rep
         </h4>
         {{ctrl.rep.name}} - {{ctrl.rep.band}}
      </div>
   </div>
</div>

JavaScript

angular
   .module('app', [])
   .controller('Controller', Controller);


function Controller() {
   var vm = this;
	 vm.rep = null;
   vm.reps = [
   	{name:'Jimmy Page',band:'Led Zeppelin'},
    {name:'Ozzy Osbourne',band:'Black Sabbath'},
    {name:'Trent Reznor',band:'NIN'}
   ];
   vm.getRep = getRep;
   
   function getRep(rep) {
   	vm.rep = rep;
   }
}