Javascript angularjs ng repeat-添加一个锚从上到下和从下到上跳跃

Javascript angularjs ng repeat-添加一个锚从上到下和从下到上跳跃,javascript,html,angularjs,Javascript,Html,Angularjs,我使用ng repeat来迭代一个数组,这个数组有时可能超过1000条记录。我想知道是否有一种方法可以向第一条记录(列表中的最后一条)添加某种类型的锚,这样我就可以在不向下滚动所有记录的情况下访问它。这是我的密码: <div ng-repeat="emps in Savedcontacts"> <div class="row"> <div class="col-xs-12"> <d

我使用ng repeat来迭代一个数组,这个数组有时可能超过1000条记录。我想知道是否有一种方法可以向第一条记录(列表中的最后一条)添加某种类型的锚,这样我就可以在不向下滚动所有记录的情况下访问它。这是我的密码:

<div  ng-repeat="emps in Savedcontacts">
        <div class="row">
            <div class="col-xs-12">
                <div class="form-group">

                    <div class="infoRapper_c">
                        <div class="infoRapper-pad_c">



                            <table>
                                <tr>
                                    <td class="phonetd1_c ">
                                        <p>{{emps.F_NAME}} {{emps.L_NAME}} </p>
                                        <span class="glyphicon glyphicon-earphone mylittlephone_c"> </span> <a class="phoneNumber_c" href="tel:{{emps.PHONE}}"> {{emps.PHONE|cleanPhoneNum}}</a>
                                    </td>

                                    <td class="phonetd2_c">
                                        <!-- table inside <td>  -->
                                        <table>
                                            <tr class="phonetd2_table_tr1_c"><td class="phonetd2_table_td1_c">{{$index + 1}}</td></tr>
                                            <tr class="phonetd2_table_tr2_c"><td ng-click="getLocalDetails('/employeesLocalDetails/' + emps.USERID)" class="phonetd2_table_td2_c">>>></td></tr>
                                            <tr class="phonetd2_table_tr3_c"><td class="phonetd2_table_td3_c"></td></tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel-footer"><hr /></div>
</div>

{{emps.F_NAME}{{emps.L_NAME}}

{{$index+1}} >>>

中有一个示例


你有一个例子


不确定这是否是您要查找的内容,但将这些内容添加到
ng repeat
循环的主体中可能会达到以下效果:

<a id="top" ng-if="$first">Top</a>
<a id="bottom" ng-if="$last">Bottom"</a>

<span ng-if="$first" onclick="#bottom">Click to go to bottom</span>
<span ng-if="$last"  onclick="#top">Click to go to top</span>
顶部
底部“
点击进入底部
单击以转到顶部

元素在列表的顶部(第一个)和底部(最后一个)项目上创建锚定,而
元素创建可单击的标签以导航到这些项目。

不确定这是否是您要查找的,但将它们添加到
ng repeat
循环的主体中可能会达到以下目的:

<a id="top" ng-if="$first">Top</a>
<a id="bottom" ng-if="$last">Bottom"</a>

<span ng-if="$first" onclick="#bottom">Click to go to bottom</span>
<span ng-if="$last"  onclick="#top">Click to go to top</span>
顶部
底部“
点击进入底部
单击以转到顶部

元素在列表的顶部(第一个)和底部(最后一个)项目创建锚定,而
元素创建可单击的标签以导航到这些项目。

窗口。滚动到(0,document.body.scrollHeight)-将带您到页面底部-这会有帮助吗?在此处添加常规锚定标记不会起作用?这是一次单击,您希望它进入页面底部吗?您是否尝试过使用
$first
$last
?窗口。scrollTo(0,document.body.scrollHeight)-将带您进入页面底部-这会有帮助吗?在此处添加常规锚定标记不会起作用?这是一次单击,您希望它进入页面底部吗?您是否尝试过使用
$first
$last
?窗口。scrollTo(0,document.body.scrollHeight)-将带您进入页面底部-这会有帮助吗?在此处添加常规锚定标记不会起作用?这是一次单击,您希望它进入页面底部吗?您是否尝试过使用
$first
$last
<a id="top" ng-if="$first">Top</a>
<a id="bottom" ng-if="$last">Bottom"</a>

<span ng-if="$first" onclick="#bottom">Click to go to bottom</span>
<span ng-if="$last"  onclick="#top">Click to go to top</span>