Javascript 只有双击才能使项目可编辑

我想制作一个项目列表，双击一个项目使其可编辑。我遵循并编写了以下代码（）

开始时，所有项目都是只读的；双击一个项目会使其可编辑。然而，在编辑之后，我意识到它不再是只读的。我认为正确的逻辑应该是

，一旦我们修改了一个项目，它将再次变成只读，只有双击才能更改它

有人知道如何修改代码来实现这一点吗


var-app=angular.module（'app'，[]）；
app.controller（'Ctrl'，['$scope'，函数（$scope）{
$scope.items=[{
名称：“项目#1”
}, {
名称：“第2项”
}, {
名称：“第3项”
}];
$scope.eEditable=-1；
}])
输入{
字体大小：20px；
边界：无；
背景色：透明；
}

{{count}}
将
ng blur='eEditable=-1'
添加到
输入中
：

<input type="text" value="{{item.name}} {{$index}}" ng-blur='eEditable = -1' ng-readonly='$index !== eEditable' ng-dblclick="eEditable = $index" />



将
ng blur='editable=-1'
添加到
输入中
：

<input type="text" value="{{item.name}} {{$index}}" ng-blur='eEditable = -1' ng-readonly='$index !== eEditable' ng-dblclick="eEditable = $index" />



很有效，谢谢。。。你知道我的可选问题吗？我在当前代码中没有看到任何验证？也许你可以使用
ng enter
指令（这不是一个标准指令，你可以用谷歌搜索）在你的
控制器中的
函数中执行它。它很有效，谢谢你。。。你知道我的可选问题吗？我在当前代码中没有看到任何验证？也许您可以使用
ng enter
指令在
控制器的
函数中执行此操作（这不是标准指令，您可以通过谷歌搜索）。