DOM操作からtd要素の新しい要素を取得するための角度バインディングに変更する

Question

このtr要素を使用して、編集ボタンをクリックすると、redirectUrlのtdElementが編集可能になります。明らかに、私はtdElementのIDを使用してcontenteditable attrをtrueに変更し、JQueryを使用して新しく型付けされたデータを取得できます。私は真/偽にattrにのcontentEditableを設定し、角度のディレクティブを使用してsaveButtonをクリックすると、そのtd要素（真のcontentEditable ==を想定）から、新たに入力されたデータを取得することができるようにしたい

<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> 

（NO DOMベースません操作）。私はどんな提案にも開放されており、あなたの助けに大いに感謝しています。ここで

Answer 1

を開始するには良い場所です：

https://vitalets.github.io/angular-xeditable/ - 編集可能なフィールドディレクティブ

Answer 2

あなたはNG-モデル= '$ parent.PropertyToWhichYouWantToGetNewValue'

を使用して試すことができます