AngularJS按需加载HTML div内容

时间:2016-09-18 06:55:22

标签: javascript html angularjs

我正在开发一个实现,它从服务器检索数据并在客户端浏览器上更新数据模型[单向数据绑定]。数据模型的结构如下所述。

除了这个数据模型,我正在显示如下内容

enter image description here

结构是包含已执行服务摘要的摘要div。点击摘要div可以看到个人服务数据[使用手风琴]。这非常有效。但是,如果服务数量增加或者服务链的深度增加,响应性变得非常慢。数据可以假设为大数据。此外,可以随时添加服务。基于此,摘要需要更新。

是否有人面临这一挑战,以及采用何种方法。我计划按需延迟加载div。关于延迟加载的任何指针?

1 个答案:

答案 0 :(得分:0)

对于延迟渲染,您可以使用ng-if使用单向绑定

<div ng-if="::shouldRender" ng-show="shouldRender">
</div>
当shouldRender变为假时,Div将在shouldRender变为true时呈现,并且不会被销毁。