在按鈕上單擊角度在表格中創建文本框

Question

我希望能夠單擊表格上的按鈕並更新行信息。我有後端所有的設置來做到這一點。我只是無法獲得由角度生成的表格。這是我的HTML模板：

<br /> 
<table id="recordTable" border="1px"> 
    <tr><td ng-repeat="column in columns"><strong>{{column.column_name}}</strong></td>   </tr> 
    <tr ng-repeat="record in records"> 
     <td ng-repeat="cell in record.cells"> {{cell}} </td> 
     <td><button ng-click="delete($index)">Delete</button></td> 
     <td><button ng-click="update($index)">Update</button></td> 
    </tr> 
</table> 
<br /> 

當我調用該函數update($index)，我希望能夠把當前充滿{{column.column_name}}與{{column.column_name}}作爲默認文本的文本輸入的文本。我無法在文檔中找到任何相關內容。有什麼想法嗎？

Answer 1

我已經做出了record.cells陣列略有變化，現在它是[{value : 'Value1'},{value : 'Value2'}]

<table id="recordTable" border="1px"> 
    <tr> 
     <td ng-repeat="column in columns"> 
      <strong>{{column.column_name}}</strong> 
     </td> 
    </tr> 
    <tr ng-repeat="record in records"> 
     <td ng-repeat="cell in record.cells"> 
      <span ng-show="mode != 'edit'">{{cell.value}}</span> 
      <input ng-show="mode == 'edit'" ng-model="cell.value" /> 
     </td> 
     <td><button ng-click="delete($index)">Delete</button></td> 
     <td> 
      <button ng-show="mode != 'edit'" ng-click="mode = 'edit'">Update</button> 
      <button ng-show="mode == 'edit'" ng-click="mode = null">Save</button> 
     </td> 
    </tr> 
</table> 

演示：Plunker