AngularJS input自动聚焦

最新推荐文章于 2025-07-01 13:42:00 发布

花开花又谢

最新推荐文章于 2025-07-01 13:42:00 发布

阅读量1w

点赞数

CC 4.0 BY-SA版权

分类专栏： AngularJS Ionic 文章标签： angularjs focus 聚焦

本文链接：https://blog.youkuaiyun.com/u010730897/article/details/52411164

Ionic 同时被 2 个专栏收录

7 篇文章

订阅专栏

AngularJS

3 篇文章

订阅专栏

本文介绍如何解决Ionic项目中AngularJS的ng-focus指令失效的问题。通过创建自定义的focus服务来实现在弹出输入框时自动聚焦的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当我们在使用ionic进行开发的时候，使用angularjs中的ng-focus指令并没有效果。
比如当我们在需要点击某个按钮然后弹出输入框，并且需要自动聚焦到这个输入框的时候。如果使用angularjs的ng-focus指令，这样是没有任何效果的。
这时候就需要我们重写focus服务。

<pre style="background-color: rgb(255, 255, 255); font-family: 宋体; font-size: 12pt;"><pre name="code" class="html">  .factory('focus', function ($timeout, $window) {
    return function (id) {
      $timeout(function () {
        var element = $window.document.getElementById(id);
        if (element)
          element.focus();
      });
    };
  })

然后给输入框设置id
<input id="inputFocus" ng-model="" type="text" placeholder="" />
最后在input对应的controller中注入focus
通过focus('inputFocus')对input进行自动聚焦。