在输入框中输入内容时不确定如何创建和锚定div

Question

我创建了一个AngularJS应用程序，当您在输入框中键入多个字符时，该应用程序会过滤输入框下的列表。 此输入框朝页面中间，当用户在其中输入内容时，我希望它跳到页面顶部。 我不确定如何实现这一目标。 我对jquery和Angular还是很陌生，所以任何帮助将不胜感激

Answer 1

尝试这个

 $('html, body').animate({ scrollTop: 0 }, 'slow');

每当用户键入监视事件时，都将转到页面顶部

$scope.watch('mg-model',function(val){
 };) 

并且当val为null或为空时，将包装文本框内的任何div id并进行动画处理

Answer 2

我会为您输入字段创建一个指令。 像这样：

.directive('query', function() {
    return {
        restrict:"A",
        replace: true,
        template: "<input type='text' ng-model='query'>",
        link: function(scope, elem) {
            elem.bind('input', function() {
                elem.css({'top':'10px','position':'fixed'});
            });
        }
    }
});

然后，您只需将<div query></div>粘贴到原始输入字段所在的位置即可。 我测试了它，对我来说效果很好。 指令是进行此类DOM操作的角度方式。 祝你好运。