如何使用Angular js内联编辑一次只允许一次编辑

Question

您好我正在使用Angular js并使用此demo jsfiddle创建一个带有表内联编辑的应用程序。

如果你看到你可以一次编辑多行，我只想一次编辑一行。

如果任何一行已处于编辑模式，如何阻止用户编辑其他行？

Answer 1

您可以保留一个Scope变量isBeingEdited。在editAppKey中将其设置为true，在saveField中将其设置为false。在editAppKey中，仅当isBeingEdited为false时执行操作

Answer 2

将另一个名为CanEdit的属性添加到$ scope.appkeys为false，并在尝试单击任何Edit Button时将其设为true。所有CanEdit属性应该为false.disable根据CanEdit属性的按钮。你可以做这是复选框 单击edit.Checkbox（CanEdit）将为true。