personlist.part.html

<table class="table table-striped table-bordered">
	<thead>
		<tr class='danger'>
			<td>Name</td>
			<td>Email</td>
			<td>Number</td>
			<td>Edit</td>
			<td>Delete</td>
		</tr>
	
	</thead>
	<tbody>
		<tr ng-repeat="person in persons" class='info'>
			<td><a ng-href="#/person/{{person._id}}">{{person.name}}</a></td>
			<td>{{person.email}}</td>
			<td>{{person.number}}</td>
			<td><button ng-click="searchPerson(person._id);" data-toggle="modal" data-target="#personEditModal" class="btn btn-info btn-sm">Edit</button></td>
			<td><button ng-click="deletePerson(person._id);" class="btn btn-info btn-sm">Delete</button></td>
		</tr>
		<tr>
			<td colspan='5'><button type="button"  ng-click="searchPerson(123456789012);"class="btn btn-info btn-lg" data-toggle="modal" data-target="#personAddModal">Add Person</button></td>
		</tr>	
	</tbody>
</table>