使用AngularJS編輯特定的div

Question

如何使用Angular編輯特定的div？ 我在頁面上不滿意div，其中包含帶有數據的表格行。 當我單擊特定div上的編輯按鈕時，我希望該按鈕可編輯。

如何將click事件綁定到該特定div？ 我現在已經做了這樣的事情：

<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>Hastighet</strong></td><td>{{summary.abbData.service}}</td>
        </tr>
        <tr>
            <td><strong>Läghenhetsnr</strong></td><td>{{summary.abbData.apartment}}</td>
        </tr>
        <tr>
            <td><strong>Månadsavgift</strong></td><td>{{summary.abbData.month_fee}}kr</td>
        </tr>
        <tr>
            <td><strong>Anslutningsavgift</strong></td><td>{{summary.abbData.conn_fee}}kr</td>
        </tr>
        <tr>
            <td><strong>Bindningstid</strong></td><td>{{summary.abbData.fixation}}mån</td>
        </tr>
        <tr>
            <td><strong>Registreringsdatum</strong></td><td>{{summary.abbData.reg_date}}</td>
        </tr>
    </tbody>
    </table>
</div>

如您所見，我具有ng-click，但是我不知道如何將div綁定到click事件。 任何人？

Answer 1

請在這里看到jsbin.com/zataro/2/edit?html，輸出

<tr>
    <td><strong>Läghenhetsnr</strong>
    </td>
    <td>
      <span ng-hide="edit.apartment">{{summary.abbData.apartment}}</span>
      <input ng-model="summary.abbData.apartment" type="text" ng-show="edit.apartment" />
    </td>
    <td>
      <button ng-click="edit.apartment=!edit.apartment">
        <span ng-show="!edit.apartment">Edit</span>
        <span ng-show="edit.apartment">Save</span> 
      </button>
  </tr>