javascript - 在按钮单击时以角度在表格中创建文本框

Question

我希望能够单击表格上的按钮并更新行信息。我已经设置了所有后端来执行此操作。我只是无法访问由 angular 生成的表格。这是我的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