Is there a way to utilize Angular to edit specific divs on my page? I have multiple divs with table rows containing data. What I want is for a particular div to become editable when I click on an edit button within that div.
How can I properly link the click event to a specific div? This is what I've attempted so far:
<div ng-show="summary.abbData.service_type == 'NaoLan'" class="col-md-6" style="background-color: #ffffff; width: 325px; margin-left: 15px;">
<h5 class="bg-primary rmpad15" style="margin-top: 1px; padding: 5px;">{{summary.abbData.service_type}}<button type="button" ng-click="editAbb(customer.id)" class="btn btn-default btn-xs" style="float: right; margin-top: -3px;"><span class="glyphicon glyphicon-pencil"></span></button></h5>
<table class="table table-condensed pad1">
<tbody>
<tr>
<td><strong>Speed</strong></td><td>{{summary.abbData.service}}</td>
</tr>
<tr>
<td><strong>Apartment Number</strong></td><td>{{summary.abbData.apartment}}</td>
</tr>
<tr>
<td><strong>Monthly Fee</strong></td><td>{{summary.abbData.month_fee}}kr</td>
</tr>
<tr>
<td><strong>Connection Fee</strong></td><td>{{summary.abbData.conn_fee}}kr</td>
</tr>
<tr>
<td><strong>Contract Term</strong></td><td>{{summary.abbData.fixation}}months</td>
</tr>
<tr>
<td><strong>Registration Date</strong></td><td>{{summary.abbData.reg_date}}</td>
</tr>
</tbody>
</table>
</div>
I have included ng-click, but I am unsure of how to correctly bind the div to the click event. Any suggestions?