模糊提交表单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混合，以使元素保持可见：<input name="fname"ng focus="showFields=true；"ng blur="blurField（$event）；">

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

这里有一个演示plunker。