模糊提交表格AngularJS

Question

您好我有以下html标记

   <h2>First Name Last Name</h2>
   <form>
      <div>
        <input name="fname">
        <input name="lname">
      </div>
    </form>

单击标题以显示表单字段并进行编辑（模糊隐藏字段并再次显示标题）。

我遇到问题，因为名字和姓氏在同一个标​​题中，因此您点击一个项目来编辑两个字段。

我在输入字段的模糊事件上提交表单但是当我点击姓氏时，因为在第一个名称中调用模糊，我无法编辑第二个字段。

我正在使用AngularJS，这也是一个问题，因为我无法找出哪个元素被聚焦，因为document.activeElement返回整个主体。

非常感谢任何帮助！

Answer 1

假设您在输入元素上使用ngBlur指令，您可以将其与ngFocus混合以保持元素按需要显示：＆lt; input name =＆＃34; fname＆＃34; NG-聚焦=＆＃34; showFields =真;＆＃34; NG-模糊=＆＃34; blurField（$事件）;＆＃34; ＆GT;

使用ngBlur函数，您将可以访问$ event对象，而该对象又会公开您需要的元素（如目标或相关元素）。之后，您可以根据需要触发表单提交。

演示插件是HERE。