- android - 如何使用 adjustPan 保持工具栏可见?
- android - 在 android 的 Google Chrome 中,如何设置 unsafely-treat-insecure-origin-as-secure
- android - Android 4.1/4.3/4.4 电子邮件应用程序中的 FileProvider 失败,列 '_data' 不存在
- Android Studio + Liquid Fun
我试图将我的结果集限制为固定数量。我可以将 limitTo
与 ng-repeat
一起使用,但这会限制项目,而不管它们当前的可见性,并从 DOM 中删除项目。我想限制可见项目的数量,同时将所有内容都保留在 DOM 中。
这是我的当前代码。我的目标是始终在列表中显示不超过 50 个项目,即使 items
包含 500 个项目。
<div ng-repeat="item in items | limitTo: 50">
<div ng-show="item.visible">
<p>item.id</p>
</div>
</div>
这最初限制为 50 个项目,但如果我过滤列表(通过修改某些项目的 item.visible),列表永远不会显示 50 - 500 范围内的项目,而是显示少于 50 个项目。限制 ng-repeat
使其仅将可见项计入限制的正确方法是什么?
最佳答案
您可以使用:
<div ng-repeat="item in items | filter:{visible: true} | limitTo: 50">
<p>{{item.id}}</p>
</div>
filter:{visible: true}
将返回所有可见项的列表
您可以查看 angularjs 文档以获取有关 filter 过滤器的更多信息。 http://docs.angularjs.org/api/ng.filter:filter
关于javascript - 使用 ng-repeat 和 limitTo 限制显示的可见项的数量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19601028/
因此,我正在尝试以预定义的量在 Angular limitTo 上实现一种切换效果。我的意思是传入的数据具有 bool 值“showMore”。如果为真,我所在的重复将被限制为 5,否则根本没有限制。
我正在尝试在 Angular2 的字符串上运行 limitTo 管道: {{ item.description | limitTo : 20 }} 我收到以下错误: The pipe 'limitTo
我可以将 limitTo 与条件一起使用吗?它的文档仅显示了简单的用法。 假设我想显示名为 car 的项目的 2 个结果: $scope.items = [ {"name":"laptop",
我正在尝试结合使用 Angular 的 limitTo 和过滤器,但它似乎无法正常工作。我希望能够在搜索框中输入一个值,然后按搜索。之后,我想通过在过滤器框中输入数字并按应用过滤器来限制显示的结果。但
我猜想下面代码的输出应该是text 3和text 4,但是没有得到正确的结果。那里的代码有问题吗? HTML Hello {{name}} text {{$index+1}}
我有一个名为 articles 的对象数组,每个对象都包含一个名为 category 的字符串数组。每篇文章在 DOM 中都用一个 ngRepeat 指令表示,其中包含第二个 ngRepeat 指令来
$scope.items = [ {"name":"laptop","color":"green"}, {"name":"shoe","color":"blue"}, {"na
我有以下指令( sales.jade ): div(ng-repeat='product in products') div.col-md-4 button.btn.btn-b
据我了解,在 AngularJS 中,名为“limitTo”的过滤器用于限制数据。 假设我们有 100 条记录,并且我们使用以下方法将数据限制为 10 条记录limitTo 过滤器。 现在如何显示剩余
AngularJS userData.success(function (userdataobject) { $scope.catadata = userdatao
我想使用 AngularJS 来显示打乱后的列表——但只显示前几个元素。目前,我在 HTML 模板中同时执行改组和限制,如 this fiddle 中所示。 : {{value}} 这工作
我的模型从 json 文件加载他的数据。 { "soonepisodes":{ "limit":"3", "oderby":"percent" },
所以我有 ng-repeat 输出的列表指令,我有过滤器 | limitTo: amount就在上面。 amount变量根据用户屏幕尺寸而变化。它正在正确更改,但更新变量时列表不会重新呈现。 如何强制
这里使用 angularjs 1.3: 我在表行中使用限制,如下例所示: {{r.id}} {{r.name}} 100"> Prev Next 我有很多数据,因此我
我在 AngularJS 中有一些绑定(bind),我想限制显示的字符长度。当您只有简单的文本内容时,这是一个非常简单的问题。 但是,我有包含 HTML 标签的文本: $scope.text = "E
我尝试在表格的行中仅显示 10 个字符,为此我使用了 limitTo: 10 但它不起作用, HTML 代码: User ID
我正在使用 ng-repeat 显示结果集中的所有项目。我有一个自定义搜索框,它通过自定义过滤器过滤掉结果。我现在需要添加分页,但我还需要结果集中的所有项目都可以搜索,无论分页如何。这是代码: 根据
这jsbin展示了我正在尝试做的事情。 我遇到的问题是,当将 limitTo 过滤器与 ng-repeat 一起使用时。当 limitTo 变量设置为较高值时,它们会按自上而下的顺序进行动画处理,但是
我目前遇到 ng-repeat 问题,并限制了 View 中显示的元素数量。我想知道这是否与嵌套循环有关。这是代码: {{ (psp.promptname) ? psp.p
我是 AngularJS 1.4.x 的新手。 {{ limitTo_expression | limitTo : limit : begin}} ng-repeat='项目中的项目 | limitT
我是一名优秀的程序员,十分优秀!