AngularJS input自动聚焦

当我们在使用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进行自动聚焦。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 通过AngularJS仿豆瓣一刻的案例:https://github.com/zhongxiaolian/doub...
    中小恋阅读 5,754评论 1 21
  • AngularJS AngularJS概述 介绍 简称:ng Angular是一个MVC框架 其他前端框架: Vu...
    我爱开发阅读 6,844评论 0 8
  • ng-model 指令ng-model 指令 绑定 HTML 元素 到应用程序数据。ng-model 指令也可以:...
    壬万er阅读 4,355评论 0 2
  • AngularJSAngularJS 是一个 MV* 框架, 最适于开发客户端的单页面应用。它不是个功能库,...
    一直以来都很好阅读 4,386评论 0 0
  • 在不同的行业领域里,有各自规划的晋升条件,可供需求的不是表面激励的需求,而是在领域范围内可胜任此岗位。 对一个人是...
    杨平的阅读 1,605评论 0 0