处理ionic项目中,输入框的光标不自动定位,键盘不弹出的问题

为什么80%的码农都做不了架构师?>>>   hot3.png

 

1.封装指令 

angular.module('app.directives')

    .directive('autoFocus', function($timeout, $parse) {
        return {
            link: function(scope, element, attrs) {
                var model = $parse(attrs.autoFocus);
                scope.$watch(model, function(value) {
                    console.log('value=',value);
                    if(value === true) {
                        $timeout(function() {
                            element[0].focus();
                        });
                    }
                });
                element.bind('blur', function() {
                    console.log('blur');
                    scope.$apply(model.assign(scope, false));
                });
            }
        };
    });

 

2.在html文件中应用:

 

3.在controller中应用:

$scope.data.autofocus = false;

$scope.$on('$ionicView.afterEnter', function () {
                $scope.data.autofocus = true;
            });

 

4.在ios上可能出现不弹起键盘,且点击两次才能focus的bug。解决方案:

在config.xml中设置:


 

转载于:https://my.oschina.net/SZQing/blog/710940

你可能感兴趣的:(处理ionic项目中,输入框的光标不自动定位,键盘不弹出的问题)