javascript - 入力ボックスに入力するときに 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 操作に対する角度のある方法です。幸運を祈ります。