如何在AngularJS中$ http成功后将焦点设置在文本框上

时间:2013-07-12 13:18:16

标签: javascript angularjs

我试图找到一种编写Angular JS指令的方法,该指令在使用$ http保存数据后将焦点设置在文本框上。

我正在尝试解决以下问题。

  1. 用户填写表格
  2. 在ng-submit上,我使用$ http call保存数据。
  3. 我想在成功保存后将焦点放在表单的第一个元素上。
  4. 据我所知,DOM操作需要通过Directive完成。任何人都可以提供一个简单的指令示例代码来执行此操作吗?

    • 更新 - 我应该把我的代码放在我的问题上。这是

    Sorry I should put my code before. Here is what I tried but didn't work

    Html Code

1 个答案:

答案 0 :(得分:1)

您的问题没有显示任何研究工作,因此可能无法回答或被关闭(除了它是重复的事实)。不过,这里有一些简单的示例代码

app.directive('focusMe', function($timeout) {
 return {
   link: function(scope, element) {

        element[0].focus(); 

    }
  });
}

在指令链接功能中,您可以访问该元素。用它来处理它。另见:

Angular API: element