·需要实现的功能为:

·触发编辑

·取消编辑

·保存编辑

·双击时进行记录正在编辑的todo,并保存原始todo内容。

事项编辑 - 图1

·正在被编辑的li需要设置类名 editing。

事项编辑 - 图2

自动获取焦点

·触发编辑后,输入框无法自动获取焦点,可通过自定义指令实现。

事项编辑 - 图3

事项编辑 - 图4

取消编辑与保存编辑

·点击esc键取消编辑,还原事项内容与状态。

事项编辑 - 图5

·点击回车键或失去焦点时保存编辑。

事项编辑 - 图6

事项编辑 - 图7

·当编辑内容为空时保存,应当删除todo

事项编辑 - 图8

·回车也会失去焦点,为避免重复触发事件,需进行检测。

事项编辑 - 图9