AngularJs 嵌套 ng-repeat 过滤器

2024-01-29

我有一个要过滤的分组嵌套对象。该过滤器仅适用于第二组。

<input type="radio" ng-model="grouping" value="name"  />Name
<input type="radio" ng-model="grouping" value="date" />Gender
<input type="radio" ng-model="grouping" value="jsonpath" />Hair
<input type="text" ng-model="searchInput" />

<div data-ng-repeat="(group, details) in group(reports, grouping) | filter:searchInput">
<h2>{{group}}</h2>        
<ul>
    <li data-ng-repeat="report in details | filter:searchInput">
        {{ report.name }}
    </li>
</ul>
</div>

这是小提琴:http://jsfiddle.net/Tropicalista/aF2aL/15/ http://jsfiddle.net/Tropicalista/aF2aL/15/

[UPDATE]

我有一个更新的插件,不确定我的方向是否正确:http://plnkr.co/edit/MYkTJoAIXV2XEN6glrDQ?p=preview http://plnkr.co/edit/MYkTJoAIXV2XEN6glrDQ?p=preview


外层中继器加滤波器的目的是什么?只需将其删除即可。

<div data-ng-repeat="(group, details) in group(reports, grouping)">

Demo http://jsfiddle.net/FmVTj/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

AngularJs 嵌套 ng-repeat 过滤器 的相关文章

随机推荐

  • 使用 -Wall 和 -Werror 时,警告不会被视为错误

    这是源文件 get c 的内容 include
  • 失眠:错误:SSL 对等证书或 SSH 远程密钥不正常

    我将自己的证书添加到 Node js Express 服务器以进行测试 然后我尝试联系 Insomnia 的帖子 但收到一条错误消息 Error SSL peer certificate or SSH remote key was not
  • 如何在 VS Code 中禁用 pylint 未使用的导入错误消息

    如何禁止在 VS Code 的问题框中弹出这些错误消息 正如其他人所说 您可以提供禁用参数来禁用特定消息 我想详细说明这一点 以下是禁用多个消息和提供多个参数的语法 通过谷歌搜索 这对我来说并不是很明显 python linting pyl
  • GCC 裸机内联汇编 SI 寄存器与指针不能很好地配合

    嗯 这显然是一个初学者的问题 但这是我第一次尝试制作操作系统C 实际上 我几乎完全陌生C 我已经习惯了asm 那么 为什么这实际上是无效的呢 据我所知 一个pointer in C只是一个uint16 t用于指向内存中的某个区域 右 或ui
  • 二元运算符重载;隐式类型转换

    class my bool private bool value public my bool bool value value value operator bool friend my bool operator const my bo
  • 在 Perl 中从 STDIN 捕获退出状态

    我有一个使用如下命令运行的 perl 脚本 path to binary executable path to perl script pl 该脚本对二进制文件的输出执行有用的操作 然后在 STDIN 用完后退出 返回 undef 这一切都
  • 创建一个Java洗牌程序

    我正在尝试在java中创建一个洗牌器 通过执行进出洗牌来执行 完美洗牌 将牌分成两半并交错每张牌 然后再重复一次 我有以下代码来执行随机播放 public class Shuffle private static final int shu
  • ionic 3 模态单模态全屏宽度/高度?

    我正在使用 ionic 模态 我想将我的模态大小调整为全屏 不是所有模态 而是只有 1 个模态 但无法实现此目的 因为 ionic 本身正在设置宽度 高度属性 重要的属性 我尝试过类似以下内容 media only screen and o
  • IE7 Z-Index 问题(CSS DropDown)

    我已经尝试使用 JQuery 和 CSS Tricks 进行了一些不同的修复 但我似乎无法将下拉菜单置于 IE7 中的手风琴滑块之上 它似乎在任何其他网络浏览器中都能正常工作 任何帮助将不胜感激 代码片段 HTML div class sh
  • 具有预编码 H.264 视频流的 Android WebRTC 客户端

    我有一个发送 H 264 编码视频字节的视频流源 我想使用 Android 的 WebRTC 类构建一个应用程序 将此视频流发送到 WebRTC 对等点 这些内置类似乎只支持原始视频源 而不支持已由编解码器处理的视频 我只需要创建仅包含一种
  • Firefox Safari chrome 等中的 window.createPopup() 相当于什么

    看来我无法在其他浏览器上使用 window createpopup 因为它不受支持 我使用 window createpopup 的原因是因为它可以从一个框架弹出并显示在同一页面上的另一个框架的顶部 我正在使用框架集 因此其他类型的下拉菜单
  • iOS 9 启动画面为黑色

    升级到 iOS 9 后 我的应用程序的启动屏幕全是纯黑色 有人知道这是为什么吗 其中一些使用 xib 初始屏幕 一些使用图像 但现在它们都是黑色的 是否必须使用 Xcode 7 构建应用程序才能使启动屏幕在 iOS9 中工作 有没有人看过一
  • 从 Codeigniter 中的 Active record 获取 SUM 和 group 字段的结果

    我需要在 Codeigniter 中构建此查询 但我不知道如何获取 SUM 的结果 SELECT description SUM amount FROM PAYMENT WHERE date payment between 2014 02
  • Kubernetes RBAC - 禁止尝试授予额外权限

    我在用着Kubernetesv1 8 14 定制版CoreOS簇 kubectl version short Client Version v1 10 5 Server Version v1 8 14 coreos 0 当尝试创建以下内容时
  • Docker:如何重新启动容器内的进程?

    我有一组测试 我想在 docker 容器上运行 在测试过程中 我正在更改测试数据 并且需要重新启动 JETTY 最好的方法是什么 我可以想象一些选择 使用 SSH 但对于 docker 来说 ssh 并不是最好的选择 docker 上的 P
  • 使用 sorttable.js 对表自动排序

    我正在尝试使用此脚本对 html 表进行排序 http www kryogenix org code browser sorttable http www kryogenix org code browser sorttable JS代码本
  • event.preventDefault();提交表单时不起作用

    我正在尝试将提交的表单的结果放入div而不是在新窗口中打开它 问题是我的event preventDefault 似乎不起作用 我不明白为什么 结果 在我点击提交按钮后总是打开contact form handler php 这是脚本文件
  • 在 Delphi 中使用 SSL 但仍然只有一个 exe

    我们使用 Indy 并且需要在我们的应用程序中支持 SSL 电子邮件 但是我们需要将我们的应用程序放在单个 Exe 中 我们知道默认的 Indy 处理程序要求路径中包含 dll 从 EXE 资源之一中提取 Dll 将是最后的手段 还有更好的
  • CIColorControls 和 UISlider w/Swift 4 [重复]

    这个问题在这里已经有答案了 我试图让滑块影响 UIImageView 的亮度 我的出路和行动 IBOutlet weak var previewImage UIImageView IBAction func adjustBrightness
  • AngularJs 嵌套 ng-repeat 过滤器

    我有一个要过滤的分组嵌套对象 该过滤器仅适用于第二组