從DOM操作更改爲角綁定TD元素來檢索新的細節

所以我有這個TR元素，點擊編輯按鈕後，redirectUrl的tdElement變爲可編輯。顯然，我可以使用tdElement的id並將contenteditable attr改爲true，並使用JQuery來檢索新類型的數據。從DOM操作更改爲角綁定TD元素來檢索新的細節

<tr ng-repeat="item in redirectsCtrl.tableData"> 
    <td style="text-align:left;" id="sourceUrl_{{$index + 1}}" >{{item.sourceUrl}}</td> 
    <td style="text-align:left;" id="redirectUrl_{{$index + 1}}">{{item.redirectUrl}}</td> 
    <td style="text-align:center;" role="button" id="editButton_{{$index + 1}}" ng-click="redirectsCtrl.onEditButtonClick(item, $event)"> 
     <i class="glyphicon glyphicon-pencil"></i> 
    </td> 
    <td style="text-align:center;" role="button" id="saveButton_{{$index + 1}}" ng-click="redirectsCtrl.onSaveButtonClick(item, $event)"> 
     <i class="glyphicon glyphicon-save"></i> 
    </td> 
    <td style="text-align:center;" role="button" ng-click="redirectsCtrl.onDeleteButtonClick(item)"><i class="glyphicon glyphicon-trash"></i></td> 
</tr>

我希望能夠設置CONTENTEDITABLE ATTR到真/假，並得到來自TD元素新鍵入的數據在點擊saveButton採用了棱角分明的指令（假設CONTENTEDITABLE ==真）（NO-基於DOM操作）。我願意接受任何建議，並非常感謝您的幫助。

來源

2016-07-01 gwhiz