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