<!DOCTYPE html>
<html data-ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<link href="style.css" rel="stylesheet" />
<script data-semver="1.4.7" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular.min.js" data-require="angular.js@1.4.x"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MenuController as ctrl">
<table class="table table-responsive table-hover">
<thead>
<tr><th>Site Type</th></tr>
</thead>
<tbody ng-repeat="object in ctrl.objects track by object.Id">
<tr>
<td ng-bind="object.name"></td>
<td>
<a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-camera"></i></a>
<a class="btn btn-default btn-xs" ><i class="glyphicon glyphicon-info-sign"></i></a>
<a class="btn btn-default btn-xs"><i class="glyphicon glyphicon-screenshot"></i></a>
<a class="btn btn-default btn-xs" ng-click="$parent.showReviewID = object.Id;">
<i class="glyphicon glyphicon-list-alt"></i>
</a>
</td>
</tr>
<tr ng-if="showReviewID==object.Id">
<td colspan="2">dummy!</td>
</tr>
</tbody>
</table>
</body>
</html>
// Code goes here
var app = angular.module('plunker', [])
.controller('MenuController', MenuController);
function MenuController() {
this.showReviewID = -1;
this.objects = [
{name:'John', age:25, gender:'boy', Id:0},
{name:'Jessie', age:30, gender:'girl', Id:1},
{name:'Johanna', age:28, gender:'girl', Id:2},
{name:'Joy', age:15, gender:'girl', Id:3},
{name:'Mary', age:28, gender:'girl', Id:4},
{name:'Peter', age:95, gender:'boy', Id:5},
{name:'Sebastian', age:50, gender:'boy', Id:6},
{name:'Erika', age:27, gender:'girl', Id:7},
{name:'Patric;k', age:40, gender:'boy', Id:8},
{name:'Samantha', age:60, gender:'girl', Id:9}
]};
/* Styles go here */