ng-click重复元素

时间:2017-05-18 19:40:18

标签: javascript angularjs nginfinitescroll

我在几个不同的地方使用ngInfiniteScroll来显示联系人和未接来电。它遍历每个项目并添加ng-click以显示用户配置文件。滚动在所有位置都能正常工作,直到您实际点击用户/呼叫为止。之后滚动从不会在联系人或电话中再次触发。我查看了他们的docs并看到了无限滚动侦听事件,我认为这是我在点击事件后无限滚动重置所需要的,但它似乎没有起作用。我不知道我是否在错误的位置发出$ emit,或者是什么?

HTML

            <md-list infinite-scroll="recent.moreContacts()" infinite-scroll-disabled="recent.busy" infinite-scroll-listen-for-event="resetInfiniteScrollList" infinite-scroll-distance="1" infinite-scroll-immediate-check="false" infinite-scroll-parent="true">
            <md-list-item ng-repeat="client in recent.clients | orderBy:'firstName'" ng-click="recent.viewCustomer(client.id)" class="repeater-list-item recent-session" layout="row" layout-align="start start" aria-label="View {{client.fullName}}'s profile">
                <div ng-if="client.avatar" class="md-avatar" style="background-image: url('{{client.avatar}}');"></div>
                <div ng-if="!client.avatar" class="md-avatar" ></div>
                <div class="md-list-item-text">
                    <h3>{{client.firstName}} {{client.lastName}} <span ng-if="!client.firstName">Unknown <small class="text-tertiary text-gray">(Customer: {{client.id}})</small></span></h3>
                </div>
            </md-list-item>
        </md-list>

加载联系人

                vm.moreContacts = function () {
                $timeout(function () {
                    $rootScope.closeSidenavs();
                    $rootScope.btnActive = 'contacts';
                    $mdSidenav('contacts').open();
                    $sessionStorage.currentTab = 'contacts';
                    if (vm.busy || vm.foundAllContacts || vm.contactsSearchActive) {

                    } else {
                        vm.busy = true;
                        api.get('/account/' + $rootScope.user.account.id + '/clients?page=' + vm.contactsNextPage, function (success, data) {
                            if (success) {
                                for (var i = 0; i < data.clients.length; i++) {
                                    vm.clients.push(data.clients[i]);
                                }

                                self.totalFound = data.totalFound;

                                self.lastPageLoaded = data.page;

                                if (data.clients.length === 25) {
                                    vm.contactsNextPage = vm.contactsNextPage += 1;
                                    console.log(vm.contactsNextPage);
                                }

                                if (vm.clients.length === self.totalFound) {
                                    vm.foundAllContacts = true;
                                }
                            } else {
                                vm.isClientsError = true;
                            }
                            vm.busy = false;
                        });
                    }
                }, 10);
            };

ng-click功能

            vm.viewCustomer = function (clientId) {
            if (clientId > 0) {
                if ($mdMedia('xs') || $mdMedia('sm')) {
                    $rootScope.btnActive = '';
                    $rootScope.closeSidenavs();
                }

                $location.path(
                    "/customer/" + clientId + "/feed"
                );

                $rootScope.$emit('resetInfiniteScrollList');


                //vm.contactsSearchActive = false;
            }
        };

0 个答案:

没有答案