AngularJS-如何在我的javascript解析之前让ng中的项重复存在

AngularJS - How to have items in ng-repeat exist before my javascript parses?

本文关键字:ng 存在 我的 javascript AngularJS-      更新时间:2023-09-26

我有一些初始静态项,稍后在永不结束的滚动类型情况下会加载更多相同类型的动态项。这在没有初始静态项目的情况下在我的网页中非常有效,但现在我想添加它们,因为它们包含非常好的可爬网内容。

我的第一个想法是简单地在静态内容之后开始我的ng重复。然而,这对我的页面不起作用,因为有一些过滤选项和隐藏/显示基于我想附加到此静态内容的模型。类似这样的东西:

<li>
    <a href="path/">How to jump rope</a>
    <p truncate-directive>This article is about jump roping lorem ispum dolor amet...</p>
    <a ng-show="item.admin">edit</a>
</li>
<li ng-repeat="item in items">
    <a>{{item.title}}</a>
    <p truncate-directive>{{item.description}}</p>
    <a ng-show="item.admin">edit</a>
</li>

第二个li附带了模型,而第一个没有,并且超出了模型的范围,所以我不能使用angularJS对其进行排序、过滤等。

如果这样更容易的话,我不介意用它们自己的动态版本来重写静态项目。我只想在JavaScript解析之前,在页面加载上加载一些项目的可爬网/静态版本。

不过我不知道该怎么做。

一个可能的解决方案是手动将静态内容放置在页面上(就像在第一个li中所做的那样),然后在angular开始解析页面时使用类似ng-hide="true"的东西来隐藏内容。这将允许爬网程序查看信息,但将阻止向用户显示信息。然后,只需将静态内容添加到模型中,并允许它与动态内容一起加载。

此外,感谢check_ca提供了一个链接到谷歌的AJAX页面可爬网指南!