【javascript-如何在ng-repeat中为对象的字段应用过滤器?】教程文章相关的互联网学习教程文章

javascript – 带条件角js的ng-repeat过滤器【代码】

这是我的代码:<option ng-repeat="name in names" value="{{names.name}">{{names.name | limitTo:10 }}</option>我该如何添加条件:if( names.name.length > 10) { //add ... point after name displayed }得到结果< option value =“Alexander Bradley”> Alexander …< / option> 有任何想法吗?解决方法:您可以创建自己的过滤器来执行此操作,并根据需要包含length参数..filter("ellipses", function () {return function (it...

javascript – 这个过滤器回调中的_是什么意思?【代码】

我正在努力使用下面一段代码来过滤带有重复项目的数组,但保留了不重复的项目.temp = temp.filter((a, _, aa) => aa.indexOf(a) === aa.lastIndexOf(a));我在文档中看到的是Array.prototype.filter采用带有元素,索引和数组的回调函数. 我不明白的是正在传递的论据:(a,_,aa). _用作占位符还是代表其他东西?解决方法:参数列表中的下划线仅作为占位符传递.它通常用于表示抛弃的参数,从未使用但需要作为占位符存在.本质上是一个“虚拟...

javascript中每个和过滤器之间的区别?【代码】

我想知道Array.prototype.every和Array.prototype.filter中的哪些函数在javascript中是快速的?我知道的区别是每个都可以通过返回false来停止,过滤器不能通过返回false来停止.除了这个差异还有其他吗?如果其中哪一个有索引?解决方法:这些功能完全不同. Array.prototype.filter将创建一个包含与回调条件匹配的所有元素的数组function isBigEnough(element) {return element >= 10; } var filtered = [12, 5, 8, 130, 44].filter(i...

javascript – 来自AngularUI的AngularJS独特过滤器已被弃用?

我想在select的ngOptions部分使用唯一的过滤器,但是我得到了这个错误未知提供者:uniqueFilterProvider< - uniqueFilter我读了各种问题,我知道我需要将该模块添加到我的应用程序中,但我认为它们已经过时了,因为所有链接都转到了这个页面http://angular-ui.github.io/#modules和这个https://github.com/angular-ui/angular-ui-OLDREPO/blob/master/modules/filters/unique/unique.js 我可以使用第二个链接,但我更喜欢使用更新的版...

javascript – Angular JS自定义过滤器【代码】

首先,有点背景.基本上,我使用ng-repeat渲染表格中的对象列表.我的过滤器需要能够获取搜索字符串,并检查重复的对象中的每个搜索项.每个搜索项都需要(以任何顺序)存在于过滤器传递该对象的任何对象属性中.例如,如果对象看起来像这样:{customer: 'John Smith',detail: 'Some details' }我的搜索文本是史密斯约翰或细节约翰史密斯或史密斯约翰的细节,它需要能够以任何顺序采取这些术语,并找到匹配的对象.上述对象应该匹配,因为存在所有...

javascript – 如何在需要URI更新时避免重新安装组件(例如过滤器按钮)?【代码】

使用react-router v3& redux我基本上有一个类似于以下的路由设置:<Route name="app" path="/" component={App}><IndexRoute component={Catalogue} /><Route name="brand" path="/brand/(:brand)" component={Catalogue} /> </Route>我的目录生成异步请求以获取我的所有产品,然后将它们存储在状态中.另外,我的Catalog组件有多个品牌按钮,使用来自react-router的链接,每个链接都是这样的: > /品牌/品牌A.> /品牌/品牌B.> /品牌/品...

javascript – 具有多个变量的Angularjs ng-repeat过滤器属性?【代码】

我正在尝试类似的东西<ion-item class="item-icon-right " ng-repeat="project in jsonObj.Projects | filter:projectArea:true:ProjectStatus" type="item-text-wrap" ui-sref="tabs.detail({project:project['Project name']})"><div class="row"><div class="col col-45"><h2>{{project["Project name"]}}</h2><h4>{{project["PM"]}}</h4></div><div class="col col-45"></div><div class="col col-10"><span class="badge badg...

javascript – AngularJS按属性和自定义过滤器排序【代码】

我已经看到很多答案和文档,表明你可以将一组属性名称传递给Angular的orderBy过滤器,以便按多个字段排序.但是,我的一个对象属性是存储为文本的数字(字段可以是“100”,“75”,“50”或“< 25”).为了将这些值排序为数字,我一直在使用: <div ng-repeat="item in items | orderBy:sortFunction">{{item.itemStatus}} - {{item.itemLevel}} </div>//Function in controller... $scope.sortFunction = function(item) {return parseInt...

javascript – JQuery – 使用不同输入的多个过滤器过滤数据属性【代码】

我正在开发一个项目,我希望使用JQuery来过滤嵌入到页面上的div上的数据变量,它就像一个展示用户将能够以各种方式过滤的展示.所以我的Div中有以下内容; HTML结果<div class="box col-xs-6 col-sm-4 col-md-3 col-lg-2" data-remote-name="BFT Mitto B RCB - 2 Button Remote" data-remote-model="Mitto B RCB 2" data-remote-freq="433" data-remote-dips="" data-remote-clone="" style="display: block;">数据从SQL表中提取,其中数...

javascript – Google Search Console API:如何实现多个OR过滤器?【代码】

经过多次摆弄,我终于让Search Console API正常工作了.不幸的是,我无法弄清楚如何添加多个OR过滤器.我认为这是dimensionFilterGroups [] .groupType最终将用于的,但’或’还不是一个选项. 基本上,如何实现一系列过滤器,其中结果是真的时返回? 我尝试了以下,但似乎没有工作:"dimensionFilterGroups": [{"filters": [{"dimension": 'query',"operator": 'equals',"expression": 'lockers'},{"dimension": 'query',"operator": 'equa...

javascript – jquery mobile:显示多个数据过滤器【代码】

我试图在jquery-mobile中创建一个listview控件,它可以扩展某些列表项并显示子项.我的目标是这个列表是可过滤的,jquery-mobile data-filter =“true”属性就足够了.不幸的是,它似乎是由<继承的.你&l和< o l>里面的元素,我最终有多个过滤器控件.在jquery中是否有防止这种类型的继承的最佳实践?使用jquery删除无关的表单标签是一个有效的黑客,但我宁愿按设计去做. 这是一个简单的例子:<div data-role="content"><div class="choice_...

javascript – AngularJS过滤 – 多个表达式还是动态链式过滤器?【代码】

如果您查看下面的代码,我想使用文字< input>通过多种成分过滤每个菜单项 – 例如,如果用户在< input>中键入“beef,bacon”,则应用程序将返回所有带有牛肉或培根作为成分的菜单项. 我目前正在尝试使用ng-filter做这个,我猜我需要为此创建一个自定义过滤器.这是错误的方法吗?有没有办法动态链接过滤器? 这里有一些代码可以理解我的问题 – 我的搜索模型: – 注意:使用ng-list将字符串转换为子字符串数组<div ng-init="searchStr...

javascript – ng-repeat过滤器类似于Meteor Blaze / Spacebars中的功能【代码】

我来自AngularJS背景,最近开始学习Meteor. 在AngularJS中,我可能有类似的东西:<div ng-repeat="person in persons | filter:search"><h4>{{person.name}}</h4><b>{{person.age}}</b> </div>搜索对象可以绑定(双向绑定)到HTML文本框.只要文本框发生更改,过滤器就会自动更新. 如何在流星中这样做?解决方法:我不熟悉AngularJS,但这里有一个如何使用Meteor完成此任务的示例. 此示例显示了一个人员列表,以及可用于按年龄过滤显示列表的...

javascript – 在Django模板过滤器中使用jquery中的变量【代码】

我希望能够使用Jquery获取数据,然后在其上应用Django模板过滤器.我正在使用jinja2作为模板. 我有点击事件:$('#get_name').click(function(event){var name = $(this).val();alert('{{ name|custom_filter}}'); - here is where it is producing the error. });我尝试将其添加为“{{”name“| custom_filter}}”但仍然会产生错误.解决方法:您不能混合使用客户端代码和服务器端代码.您正在尝试将模板过滤器应用于尚不存在的javascri...

javascript – 使用包含自定义过滤器的多个选项创建下拉列表【代码】

我已经在网上搜索了但我还没有找到解决方案.也许我搜索了错误的术语,所以如果我的问题的解决方案可能非常简单,我很抱歉. 实施例表: 所以,我想要做的是以下内容: >提供几个选项的下拉列表>每个选项都提供自定义过滤器(例如’option1’显示全部可用的记录,’option2’显示所有记录可用且标签为F,’option3’显示所有记录可用且有标签E,……)>立即申请过滤’直播’ 那么,我怎样才能做到这一点? 提前致谢.解决方法:我创建了准备使用...

字段 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部