腾讯云

开发者社区

文档建议反馈控制台

首页

文章/答案/技术大牛

发布

社区首页 >问答首页 >Angularjs中包含多个复选框的过滤器列表

问Angularjs中包含多个复选框的过滤器列表
EN

Stack Overflow用户

提问于 2013-06-24 12:49:42

回答 1查看 1.7K关注 0票数 0

我想筛选具有多个类别复选框的ng-repeat项目列表。

我读了这个Filtering by multiple checkboxes in AngularJS，看了Egghead的视频，但我在一个简单的for循环上有一个错误，我不明白：

ReferenceError: i is not defined

这是一个带有代码的柱塞器：http://plnkr.co/edit/p538ALfs00JTFQ6mKT9j

谢谢你的帮助

angularjs

checkbox

filter

angularjs-ng-repeat

音视频低代码开发方案最快1天上线

推出 TUICallKit 和 TUIRoomKit 低代码集成方案，最快1天接入在线教育、语聊房、在线客服等应用

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-06-24 13:29:39

如果要使用严格模式('use strict';)，则需要声明变量。您的checkboxFilter使用了许多从未定义过的变量(包括i)。您可以通过将script.js:22-23更改为：

      var i,j,k,filter_cat,filter_value,filter_name,matchingItems = [];

在那之后你还有其他三个问题...

json第37行，此代码正在查找名为filter_cat：items[i].filter_cat的属性，而您想要的是查找值为filter_cat的属性名称，因此这就是您想要的：items[i].[filter_cat].

Your

数据具有小写字段名称，并且您的代码正在搜索大写(类型与类型)

您的json数据具有小写的值，并且您的代码正在搜索大写(水果与水果)

这是一个部分编辑，可以让你走上正确的轨道。您仍然需要修改您的json或比较小写(我部分修改了您的json)：http://plnkr.co/edit/d7p4QthXJg4ao34ATWla?p=preview

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17275926

复制

springboot之前端参数验证

spring tcp/ip 编程算法

对于任何一个应用而言，在客户端做的数据有效性验证主要目的是规范用户的输入，而真实的数据验证工作都是在服务后端代码当中实现的，但在实际的项目当中，也经常会因为各种各样的原因：懒得写，觉得前端验证了，后端没有太多的必要等等没有进行数据验证，其实养成数据的有效性验证是一个非常好的习惯。 1 可以避免很多数据有效性导致的BUG，防范其余开发者的基础攻击 2 在前后端进行接口联调的时候，不需要因为参数的问题沟通很久。

海加尔金鹰

2020/06/08

1.1K0

location.href跳转测试

其他

测试代码 <script type="text/javascript"> function ToUrl(x){ location.href=x; } </script> <a href="javascript:;" onclick="javascript:ToUrl('http://www.baidu.com');">location.href跳转测试1</a> <a href="javascript:void(0);" onclick="javascr

deepcc

2018/07/05

7140

[答疑]是增加了一个功能还是增加了一个系统

uml

关于系统的定义，《软件方法》一书给出了2个关键点，后来在答疑时补充了系统要满足充分,必要条件。现实中做系统增量开发时，并不是很好分辨。

用户6288414

2020/04/08

4150

go : gin路径参数

本文介绍 gin框架下如何获取路径参数代码：package mainimport ( "net/http" "github.com/gin-gonic/gin")func main() { router := gin.Default() // This handler will match /user/john but will not match /user/ or /use router.GET("/user/:name", func(c *gin.Context) {

IT工作者

2022/07/22

7830

FastAPI教程路径参数

http python api 编程算法

所以，如果你运行示例并访问 http://127.0.0.1:8000/items/foo，将会看到如下响应：

wencheng

2022/04/18

6120

Confluence 6 在升级之前

数据库 sql java

HoneyMoose

2019/04/20

6340

location.href跳转测试

其他

deepcc

2018/05/16

1.1K0

Confluence 6 在升级之前原

数据库 sql java

HoneyMoose

2019/04/29

5340

fastapi 用户指南（路径参数、查询参数、请求体）

api http

learn from https://fastapi.tiangolo.com/zh/tutorial/

Michael阿明

2022/01/07

1.9K0

FastAPI学习-2.路径参数

fastapi 笔记函数接口数据

所以，如果你运行示例并访问 http://127.0.0.1:8000/items/foo，将会看到如下响应：

上海-悠悠

2023/08/22

2820

java——推断日期是否在今天之前

https java 网络安全

这里说的日期是指字符串的日期格式，如“2014-10-15”，我们要推断这个日期是否在今天之前，网上看到好多推断的方法，都是拿这个日期转换成Date对象然后与new Date()比較，使用comparetTo() 或者before()方法，事实上这样做都会有点小问题，这样做忽略了一个小时分钟的比較，会出现错误，得不到正确的结果。

全栈程序员站长

2022/07/08

2.2K0

Consul初探-在深交之前先认识

nginx 存储

首先，官方介绍是：Consul 是一种服务网格的解决方案，在 Consul 中，提供了服务发现、配置、分段等控制管理平台，Consul 中的每项功能都可以单独使用，也可以一起使用来构建完整的服务网格；在 Consul 内部，有一个简单的代理服务，所以在安装 Consul 后，马上就可以开始使用 Consul ；当然，Consul 也支持集成第三方代理，比如 Envoy。

梁规晓

2019/07/09

5230

FastAPI（4）- 路径参数 Path Parameters

api

123 传进来的时候是字符串，但 FastAPI 会自动解析转换成 int，如果转换失败就会报错

小菠萝测试笔记

2021/09/26

2.2K0

sqlmap 源码分析（三）在注入之前

数据库 sql 网络安全数据处理 http

sqlmap是web狗永远也绕不过去的神器，为了能自由的使用sqlmap，阅读源码还是有必要的…

LoRexxar

2023/02/21

1.6K0

MCU在执行main之前做了什么？

存储变量程序函数调试

本文以Arm Cortex-M为例，介绍了在IAR Embedded Workbench中微控制器（MCU）的启动过程。在MCU复位后，程序计数器（PC）会指向相应的复位向量，并开始执行启动代码（startup code）。如果MCU支持浮点单元（FPU），则在启动过程中，首先会调用__iar_init_vfp来初始化FPU，然后继续执行__iar_program_start。接着，__iar_program_start会调用__cmain函数。在__cmain中，会先调用__low_level_init函数，然后调用__iar_data_init3来进行全局和静态变量的初始化。在__iar_data_init3中，首先会调用__iar_zero_init3来初始化初始值为0的全局和静态变量，随后会调用__iar_copy_init3来初始化初始值为非0的全局和静态变量。最终，在启动过程的最后阶段，会通过调用__call_main来跳转到main函数，从而开始执行主程序。

刘盼

2023/08/22

9890

imread参数_imread函数图片路径matlab

https 网络安全

imread的函数原型是：Mat imread( const string& filename, int flags=1 );

全栈程序员站长

2022/11/04

8240

在main方法之前，到底执行了什么？

面向对象编程腾讯云测试服务

本人在做接口测试的时候，需要用一个公共类来把所有的执行的代码，然后这个公共类有hsot和hosttype等属性来区分各个测试环境，然后在去不同的地方取用例和请求接口。在给这些属性复制的时候，我是通过不同测试环境新建不同的配置文件，然后执行每个环境的时候让只加载需要测试的环境的配置文件来实现管理测试环境的。中间遇到了一些坑，主要就是对java代码执行循序，特别是在main方法之前的代码执行顺序了解不深入导致的，中间有多个继承关系也有点扰乱了思路。下面分享一下自己这个错误的复现步骤。

FunTester

2019/08/30

7470

HyperSQL 链接参数中文件的路径

数据库 sql 存储

如果我们在系统中配置下面的连接参数： spring.datasource.url=jdbc:hsqldb:file:~/db/cwiki-us-jpetstore 我们怎么知道 hsqldb 数据库的存储路径在哪里？请参考下面的解答：在 Windows 系统中，如果你登录的用户名为 yhu 的话。那么这个数据库文件在：C:\Users\yhu\db 中存储。

HoneyMoose

2019/06/07

1K0

HyperSQL 链接参数中文件的路径

数据库 sql 存储

(adsbygoogle = window.adsbygoogle || []).push({});

HoneyMoose

2019/06/11

1.1K0

点击加载更多

相似问题

.htaccess从非www Http子文件夹重定向到www https子文件夹

.htaccess子文件夹从http://重定向到www

从域www到no-www到子文件夹

htaccess重写非www子文件夹到www子文件夹重定向到www根目录

htaccess将非www子文件夹重定向到www子文件夹。

活动推荐

云联络中心专属优惠，福利大放送！

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例