Не удается обнаружить шаблон подсказки uib, доходящий до дна - PullRequest
Новая
       20

Не удается обнаружить шаблон подсказки uib, доходящий до дна

0 голосов
/ 29 мая 2019

Я использую AngularJs 1.7 и всплывающую подсказку uib, создаю спортивное приложение.

Я использую всплывающую подсказку uib, чтобы пользователь мог выбрать игрока.

Мне нужночтобы определить конец окна, чтобы запустить мой бесконечный код прокрутки.

Я пробовал много вещей, но не могу определить конец прокрутки с помощью angularjs внутри шаблона всплывающей подсказки uib.

В моей подсказке Uib есть список изображений ng-repeat, и когда я достигаю дна, я должен загрузить остальную часть списка, это бесконечный свиток, который работает в некоторых других областяхприложение.

enter image description here

Я пробовал некоторые директивы angularjs, они не работают, если включены в HTML-шаблон всплывающей подсказки uib.

Ниже, это единственный шаблон, который мне удалось заставить его работать, мне пришлось поместить код JQUERY в шаблон uib, но теперь мне нужно запустить функцию angularjs из этогозагрузить данные, и я не знаю, как это сделать, потому что я не могу диалог сh контроллер angularjs отсутствует mo. 

 <div style="background-color:white;height:30px;"> Ajouter un footballer {{categorie}}
 <button ng-click="closeTooltips()" class="pull-right btn btn-success">X </button></div>

    <div class="row">
     <div style="height:400PX;width:400px;overflow:scroll" scrollToEnd id="infinite" >
        <div class="col-md-12">
            <div  id="mesvignettes">
                <div  ng-repeat="footballeur in footballers |orderBy:filtre | filter:{'poste':filtre2} |filter : filtre3 |filter:n |filter:filtrePays" 
                ng-click="ajouterFootballerTerrain(footballeur); $event.stopPropagation();" ng-class="{'vignette-disable': footballeur.disponible == 'false' }">
                    <div id="foo-{{$index}}"></div>
                    <div class="row">
                        <div >
                            <div ng-model="footballers">
                                <div>
                                    <center><img ng-src="{{footballeur.photo|| 'img/defaut.png'}}" class="photov" /></center>
                                    </img>
                                    <center><b>{{footballeur.prenom}} {{footballeur.nom}} </b></center>
                                    <br>
                                </div>
                            </div>
                        </div>


                    </div>

                </div>
            </div>
        </div>
        </div>
    </div>


    <script>
    jQuery(function($) {

            $("#infinite").on('scroll', function() {

                if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {
                    console.log('endreach');
                    alert('scrolled');
                    // debut = $scope.footballers.length ;
                    // $scope.chargerMesDatas();


                }
            })
        });
    </script>

Вы можете заметить, что директива scrollToBottom добавлена, но не работает.Работает только прямой код jquery внутри шаблона.Функция прокрутки JQuery запускается как 4 раза вместо одного, не знаю почему вообще!

Я действительно застрял с этим, пожалуйста, помогите мне, я действительно не вижу, как я идузапустить функцию $ scope.chargeData (), не получая доступ к моему контроллеру.

Должен ли я вместо этого использовать $ anchorScroll для определения конца?

...