通过布尔属性使用“track by”过滤 Angular 1.2 ng-repeat

2024-01-01

我试图根据布尔属性的值过滤一些列表项,但无论我做什么,整个列表都会显示。我尝试过的一些东西已经损坏,没有任何显示,但这既不在这里也不在那里。我无法让我的过滤按预期工作:

$scope.attendees = [
     {"firstname":"Steve",    "lastname":"Jobs",  "arrived":true,  "id":1}
    ,{"firstname":"Michelle", "lastname":"Jobs",  "arrived":false, "id":2}
    ,{"firstname":"Adam",     "lastname":"Smith", "arrived":true,  "id":3}
    ,{"firstname":"Megan",    "lastname":"Smith", "arrived":false, "id":4}
    ,{"firstname":"Dylan",    "lastname":"Smith", "arrived":false, "id":5}
    ,{"firstname":"Ethan",    "lastname":"Smith", "arrived":false, "id":6}
];

使用以下 ng-repeat 过滤:

<ul>
    <li ng-repeat="person in attendees track by person.id | filter:arrived:'false'">
            {{person.lastname}}, {{person.firstname}}
    </li>
</ul>

我觉得我已经尝试了所有我能找到的参考排列,其中大部分来自各种 StackOverflow 搜索结果:

  • filter:'arrived'
  • filter:arrived
  • filter:'person.arrived'
  • filter:person.arrived
  • filter:{arrived:true}
  • filter:{arrived:'true'}
  • filter:{person.arrived:true}
  • filter:{person.arrived:'true'}

我还尝试创建自定义过滤器函数:

$scope.isArrived = function(item) {
    return item.arrived;
};

并这样应用它:

  • filter:isArrived
  • filter:'isArrived'
  • filter:{isArrived(person)}
  • filter:isArrived(person)
  • filter:'isArrived(person)'

这些似乎都不起作用。我缺少什么?

这是一个 plnkr 演示了我的问题 http://plnkr.co/edit/gitKALVXwFoQEe2RR7R6?p=preview.


轨道 by 需要位于表达式的末尾:

<li ng-repeat="person in attendees | filter: {arrived: false } track by person.id">
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

通过布尔属性使用“track by”过滤 Angular 1.2 ng-repeat 的相关文章

  • 如何使用 Vert.x 2.x 启用 CORS

    我正在尝试使用 Angularjs 1 4 5 发出跨域请求 但无法获得成功 我已经配置了 httpprovider config httpProvider function httpProvider httpProvider defaul
  • 如何将 ng-repeat 分成批次

    我正在做这个 ref checkbox 示例http getbootstrap com javascript buttons examples http getbootstrap com javascript buttons example
  • AngularJS 服务返回未定义

    我有以下服务 app services emailService http sce function http sce return getMessage function messageId callback http get api e
  • EJS.JS ReferenceError:标题未定义

    我遇到了 Express 脚本的问题 我正在调用一个在另一个函数成功时呈现视图的函数 在这个项目中 我使用 Angular Node Express 和 ejs 作为视图引擎 当我渲染视图时 不幸的是我收到以下 ejs 错误 Referen
  • 尝试为每一行编写测试用例

    已经编写了跳跃方法的测试用例 但当我看到代码覆盖率报告时 它不会进入onloadend方法seat onloadend 在 createSpyObj 中我调用了 loadend 但它仍然没有进入内部 你们能告诉我如何解决它吗 下面提供我的代
  • 由于运行 Javascript,Firefox 选择下拉列表不断刷新/恢复为默认选项 - AngularJS

    我正在 AngularJS 中构建一个应用程序 但在使用 Firefox 时无法选择下拉菜单 当我单击选择菜单并将鼠标悬停在选项上时 它会将所选选项从光标悬停的选项重置为默认 第一个选项 当选项数量很大时 选择正确的选项变得非常困难 该应用
  • 量角器检查元素是否不存在

    我在基于角度的网站中有一个设置可以打开和关闭下拉菜单 如果关闭 则不会显示在主页上 对于量角器 我需要检查开关关闭时该元素是否不存在 但是 我不应该陷入 未找到元素 错误 因为它是一组许多测试中的一个 我该怎么做 我曾尝试这样做 expec
  • Angularjs + Typescript,如何将 $routeParams 与 IRouteParamsService 一起使用

    我使用 routeParams 从 URI 中提取属性并为其设置本地变量 当我使用打字稿输入设置 route 参数的类型时 我无法再访问 route 参数 如何访问 routeParams 中的属性 class Controller con
  • 如何动态实例化服务?

    我有一个Utils服务很重 我想在特定的用户操作中使用其中定义的一些函数 由于这项服务很重 我想延迟实例化它 在用户操作时 我该如何实现这一目标 Service module service Utils function dep1 dep2
  • AngularJS 中的全局模拟对象用于 jasmine/karma 测试

    我有一个正在模拟进行单元测试的对象 基本上在我的测试文件中 我将其模拟如下 var mockObject mockMethod1 function return true mockMethod2 function return true b
  • AngularJS 绝对类型 Visual Studio 2015

    我正在尝试让我的第一个 angularjs 项目在 Visual Studio 2015 中工作 工作正常 直到我尝试转移到 Typescript 安装了DefinitelyTyped项目并收到很多错误消息 以下是重现它的方法 创建一个空的
  • 如何处理 Protractor 中的模态对话框?

    我正在尝试使用sendKeys 在模态对话框上this http www gifteng com login网站 单击后出现此对话框Sign In按钮 我似乎找不到任何方法将焦点切换到盒子上 请参阅gist https gist githu
  • 如何在 ng-options 中的项目标签上使用 angularJs 过滤器

    给定一个加载产品选项的选择列表 我希望标签采用选项名称的格式 然后将价格放在括号中 例如 产品选项 B 1 432 12 我的选项对象具有属性 名称 和 价格 价格是数字 我希望它使用货币过滤器进行格式化 我该怎么做 我在想也许是一个接受字
  • isElementPresent 的简单量角器测试因不支持的定位器策略而失败

    My test it should allow login function browser get index html username sendKeys administrator password sendKeys password
  • 如何检测特定 Firebase 存储路径数据是否已更改

    firebase 数据库有一个功能 当路径发生变化时我可以再次检索数据 firebase database ref users Auth uid profileImg on value function snapshot do things
  • 如何禁用通过 IIS 提供的单页应用程序 HTML 文件的缓存?

    我有一个通过 IIS 提供服务的单页面应用程序 Angular js 如何防止 HTML 文件缓存 该解决方案需要通过更改index html 或web config 中的内容来实现 因为无法通过管理控制台访问IIS 我目前正在研究的一些选
  • Node.js 问题 :: Angular 未定义 :: 找不到 Bower 包 :: Node gyp 和 Python

    Issue 在浏览器中生成并启动新的 jHipster API 后 我遇到了以下问题 未捕获的引用错误 角度未定义 Before我安装的最新一代 node js yo bower grunt cli 根据指导方针 https jhipste
  • AngularJs 单元测试 - 检查是否调用了“Init”函数

    我使用 jasmine 作为测试框架 并且我想测试以下控制器 我总是有一个 Init 函数 我可以在其中对此控制器进行初始化调用 现在我想测试控制器初始化时是否调用了 Init 函数 function UnitTestsCtrl var t
  • 刷新页面时保留页面数据

    我是角度新手 我正在使用一项服务 该服务获取对象列表并将其显示在第一页上 然后根据单击的对象 我在下一页上设置选项卡标题 但是 当我刷新页面时 列表的范围丢失 并且选项卡标题引发异常 导致页面不显示信息 即使刷新第二页 是否有任何方法可以保
  • Kendo Angular 多选设置选定值

    我将 Kendo 多重选择与 Angular Kendo 指令和远程数据源一起使用 我试图在应用程序启动时设置所选项目 但没有成功 谁能帮帮我吗 请参阅此处的代码 JS Bin http jsbin com OkukInIc 1 edit

随机推荐

  • 如何在不改变窗口焦点的情况下打破全部

    在测试 Windows 窗体 UI 时 我经常希望在代码运行时修改代码 单击 Break All 箭头可以为我完成此操作 但是 Visual Studio 始终显示 Program cs 窗口并将焦点设置在 Application Run
  • 是否可以通过 .NET 代码对二进制文件进行签名? (没有signtool.exe)

    我有以下要求 使用证书签署二进制文件 但没有signtool exe 这个想法是通过代码来完成 你知道这是否可能吗 您将需要使用签名者签名 http msdn microsoft com en us library windows desk
  • 为什么 jquery ui 按钮在 Firefox 和 Chrome 中看起来不同

    我已经上传了一个示例页面https bobdn com Temp aspx https bobdn com Temp aspx 该页面只有一个 jquery UI 按钮 为什么这在 Firefox 中看起来有点大 填充和字体大小看起来都很大
  • SVG defs 上的鼠标事件(遮罩)

    背景图像上有 svg SVG 是一个中间有圆孔的正方形 作为示例 背景图像穿过圆圈出现 我想用鼠标拖动这个圆圈 但如何从 javascript 访问 svg 内的 defs 尚不清楚 我可以更改属性 但 onclick 事件对它们不起作用
  • jQuery + Ajax 哈希/历史记录等

    我正在尝试使用 jQuery 中的 URL 哈希来控制 Ajax 中的历史记录并使链接 页面可添加书签 我已经尝试了几乎所有插件 但似乎都无法正常工作 所以我实际上没有任何代码示例 但我愿意接受任何建议 信息 教程等 我试图将其合并到的其中
  • 类型提供程序可以作为参数传递给函数吗

    我正在学习 F 和FSharp 数据库 http fsharp github io FSharp Data 我有一个任务需要读取 20 个 CSV 文件 每个文件都有不同数量的列 但记录具有相同的性质 以日期字符串为键 所有其余列都是浮点数
  • 使用 EPPlus 复制/克隆 Excel 形状?

    是否可以使用 EPPlus 库在 Excel 工作表中创建形状的副本 克隆 我知道我可以得到一个现有的对象 var shapeExisting ws Drawings ShapeName ws是工作表对象 并创建新形状 var shapeN
  • CKEditor只读

    自从我使用 CKEditor 以来我遇到了一个问题 http ckeditor com http ckeditor com 问题是我找不到使编辑器只读的方法 而且我不能只使用文本区域 因为我想保持一致性 我已经在 StackOwerflow
  • 制作 Flash 游戏的可下载版本的最佳方法是什么?

    我已经用 Flash 制作了一款游戏 我想为那些宁愿离线玩的人提供一个简单的下载 事实是 我使用文件夹整体结构来动态加载每个级别的内容 文件夹结构看起来像这样 但这并不重要 游戏文件夹 animations 动画1 swf 动画2 swf
  • 使用 Apache POI 从 java 中的 excel 工作表读取数据

    我需要在 java 中读取 Excel 工作表中的数据 我能够读取普通字符串 但是当我尝试读取包含日期和时间的单元格 28 5 2018 10 00 时 我只得到日期为 2018 年 5 月 28 日 这是Excel单元格 此代码读取日期
  • NReco PDFGenerator 问题

    我已经使用这个工具大约一周了 现在 今天 它停止工作了 我已将其余代码恢复到之前的状态 但仍然出现相同的错误 我从抛出的异常中得到的所有信息是 NReco PdfGenerator dll 中发生 System Exception 类型的异
  • 在 Draft.js 中获取插入符位置(行号)

    如何获得 Draft js 中的插入符号位置 我想你可以从选择状态中获取块 然后获取块数组并查看块数组位于哪个位置 但我不确定这是一种可靠的方法 甚至是最好的方法 不确定这是否是您的意思 但您可以像这样获取当前块的索引 const curr
  • 为什么从命令提示符运行 JAR 文件时出现异常?

    您好 我使用 eclipse 上的导出选项制作了一个可运行的 JAR 文件 但是 当我通过命令提示符运行文件时 我得到以下信息 Exception in thread main java lang NoSuchMethodError at
  • Golang 歧义错误重新定义

    为什么可以redefine the err多变的 err ipdf Open source if err nil panic Couldn t open pdf payload err ioutil ReadFile other if er
  • 将大量数据从 iPad 转换/上传到 Dropbox

    我正在通过 Instruments 运行我的应用程序并使用大量数据对其进行压力来完成它 仪器测试进展顺利 但压力测试是我遇到问题的地方 在不涉及太多细节的情况下 我为我的应用程序提供了越来越多的Core Data它需要推断数据 制作图表并在
  • Angular 中的加密和 C# (.NET) 中的解密

    我有 Angular 中的数据加密代码 但我不知道如何在服务器端解密它 角码 public static getEncryptedInfo dataString string let password environment encrypt
  • 如何将 system.serviceModel 放入 ServiceConfiguration.cscfg (Windows Azure)

    我有以下代码 用于微软翻译
  • 在 Surfaceview 的画布上显示位图

    我正在尝试开发一个 Android 应用程序来显示可缩放 可平移的地图 这只是一个位图图像 它还允许用户单击地图上的某些点 我正在努力寻找实现此类应用程序的最有效方法 在尝试了许多其他方法 包括 Webviews OpenLayers 之后
  • LDAP:错误代码 49 - 简单绑定失败:NT_STATUS_LOGON_FAILURE

    我正在尝试对用户进行身份验证 但它抛出Exception 可能是配置有问题 public class LdapApplication private static final String INITIAL CONTEXT FACTORY c
  • 通过布尔属性使用“track by”过滤 Angular 1.2 ng-repeat

    我试图根据布尔属性的值过滤一些列表项 但无论我做什么 整个列表都会显示 我尝试过的一些东西已经损坏 没有任何显示 但这既不在这里也不在那里 我无法让我的过滤按预期工作 scope attendees firstname Steve last