Angular ng-repeat 完成表格数据滚动

最新推荐文章于 2022-09-29 15:18:35 发布

原创

最新推荐文章于 2022-09-29 15:18:35 发布 · 710 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了如何在Angular应用中使用ng-repeat指令，并通过自定义指令on-finish-render-filters监控循环完成，实现表格数据的滚动加载优化。详细步骤包括在表格上添加指令，定义并使用自定义指令，以及展示最终的代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 在表上添加指令

<body ng-app="storageApp">
	<table id="jcTable">
	   <thead>
	        <tr>
	            <td>序号</td>
	            <td>内容</td>
	            <td>数量</td>
	            <td>时间</td>
	        </tr>
	    </thead>
	    <tbody>
	    	<!-- 注意要添加 on-finish-render-filters 指令-->
	        <tr ng-repeat="decision in decisionList" on-finish-render-filters>
	            <td ng-bind="$index+1"></td>
	            <td ng-bind="decision.detailData"></td