单击＆＃34;编辑＆＃34;使表格td可编辑。在Angular的btn？

Question

我试图用转发器创建一个包含3个按钮来控制表格（编辑，删除，保存）。

这是我的HTML：

                <tr data-ng-repeat="d in pnl.Rows" data-ng-readonly="false">
                    <td contenteditable="false" data-info="datafield" data-ng-repeat="val in d | limitObjectTo: (pnl.Head).length">{{val}}</td>
                    <td data-info="controlbtn" >
                        <span style="font-size:18px; margin-left:5px" class="ion-close-round cr-icon-link"></span>
                        <span style="font-size:18px; margin-left:5px" class="ion-edit cr-icon-link"></span>
                        <span style="font-size:18px;" class="ion-checkmark-round cr-icon-link"></span>
                    </td>
                </tr>

如你所见， 我需要为那些跨度图标创建func，这会将这些td变为可编辑（除了图标的td）。

我不幸地试了一下这个：

    $scope.enableEditable = function (r) {

       $(this).find("td").each(function () {
          console.log("asdas");
          alert($("td").val);
          if($("td").hasAttribute("contenteditable"))
          {
             $attr.contenteditable = "true";
           }
      });

}