Display values after clicking of edit button

I have one div
in grid view view i have 2 buttons
edit and button
Add
  
                            Edit
                        
head>
<body>
<div class="container" ng-app="invoice" ng-controller="InvoiceController">
<div class="row">
<table class="table table-condensed">
<tr>
<td>Order Nametd>
<td>
<input type="text" id="orderName" class="form-control" name="name" ng-model="OrderName" ng-class="submitted?'ng-dirty':''" required autofocus />
td>
<td>Categorytd>
<td>
<select class="input-sm form-control"name="CategortName" ng-model="Category"containerCssClass="all" ng-options="c as c.CategortName for c in categories" ng-disabled="disabled">
<option value="">Select Categoryoption>
select>
td>
tr>
table>
div>
<div class="s2vk-container">
<div class="row">
<table class="table table-condensed">
<thead>
<tr>
<th>SNoth>
<th>Productth>
<th>Nameth>
tr>
thead>
<tbody style="padding-left:20px; padding-right:20px;" ng-model="myData1" ng-repeat="invoice in myData track by $index">
<tr>
<td>
{{invoice.id}}
td>
<td>
{{invoice.Product}}
td>
<td>
{{invoice.Name}}
td>
tr>
tbody>
<tfoot>
<tr style="padding-left:20px; padding-right:20px;" ng-show="mahesh">
<td ng-model="Id">
{{$index+1}}
td>
<td>
<input type="text" ng-model="Name" class="input-sm form-control" />
td>
<td>
<select ng-model="Product" name="ProductName"
class="input-sm form-control" ng-options="s as s.ProductName for s in products">
<option value="">-- Select Product --option>
select>
< /td>
<td>
<button type="button" ng-show="mahesh" class="btn btn-success btn-sm" ng-click="add()">button>
td>
tr>
tfoot>
table>
div>
div>
<div class="table-responsive ">
<table id="dvData" cellpadding="12" class="table table-bordered table-hover table-striped">
<tr>
<th>Order Idth>
<th ><b>Order Nameb> <span class="glyphicon sort-icon" ng-show="sortKey=='OrderName'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}" re>span>th>
<th><b>Categoryb> <span class="glyphicon sort-icon" ng-show="sortKey=='Category'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}">span>th>
<th><b>Actionsb> <span class="glyphicon sort-icon">span>th>
tr>
<tr dir-paginate="employee in employees|orderBy:sortKey:reverse|filter:search|itemsPerPage:10" ng-model="search">
<td>
{{employee.OrderId}}
td>
<td>
{{employee.OrderName}}
td>
<td>
{{employee.Category}}
td>
<td>
<button type="button" class="btn btn-info btn-sm" ng-click="Edit(employee.OrderId)" readonly>
Edit
button>
td>
tr>
table>
<dir-pagination-controls max-size="10"
direction-links="true"
boundary-links="true">
dir-pagination-controls>
div>
div>
body>
html>
0