Javascript 在“角度”对话框中双击对象数组时编辑表格

我有这样的对象数组：

$scope.rows = 
[{
    num1: 56,
    num2: 78,
    num3: 89
}, {
    num1: 56,
    num2: 78,
    num3: 89
}, {
    num1: 56,
    num2: 78,
    num3: 89
}, {
    num1: 56,
    num2: 78,
    num3: 89
}];

<input ng-show="item.editing" ng-blur="doneEditing(item)" ng-model="item.num1" autofocus/>

使用ng repeat创建的表：

<div id="structure">
    <table border='1|1'>
        <tr ng-repeat="item in rows">
            <td>
                <span ng-hide="item.editing" ng-dblclick="editItem(item)">{{item.num1}}</span>
                <input ng-show="item.editing" ng-blur="doneEditing(item)" autofocus/>
            </td>
            <td>
                <span ng-hide="item.editing" ng-dblclick="editItem(item)">{{item.num2}}</span>
                <input ng-show="item.editing" ng-blur="doneEditing(item)" autofocus/>
            </td>
            <td>
                <span ng-hide="item.editing" ng-dblclick="editItem(item)">{{item.num3}}</span>
                <input ng-show="item.editing" ng-blur="doneEditing(item)" autofocus/>
            </td>
        </tr>
    </table>
</div>

---

问题是每个对象中的所有键名称都是相同的，如何双击并更新表值？

您只需要对

输入使用指令，这样它们就会更新相应的
项
，因此每个
输入
值都绑定到相应的
项
编号

例如，在第一列中，您可以这样定义它：

$scope.rows = 
[{
    num1: 56,
    num2: 78,
    num3: 89
}, {
    num1: 56,
    num2: 78,
    num3: 89
}, {
    num1: 56,
    num2: 78,
    num3: 89
}, {
    num1: 56,
    num2: 78,
    num3: 89
}];

<input ng-show="item.editing" ng-blur="doneEditing(item)" ng-model="item.num1" autofocus/>


{{item.num1}}
{{item.num2}}
{{item.num3}}
这三列将进入编辑模式。我只希望标签处于编辑模式…@Satyadev我不明白？哪个栏目？如何更新？如果双击任何列，所有三列都会得到输入框AH，这是由于您的实现，您正在应用
项。编辑整个
项，而不是
nums
。