AngularJS_对象数组-filter-orderBy

 <!doctype html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>无标题文档</title>

 <script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>

 </head>

 <body>

 <div ng-app="myApp" ng-controller="myCtl">

     输入过滤字符：<input type="text" ng-model="test">

     <ul>

         <li ng-repeat="x in names | filter:test | orderBy:'firstname'">

         {{x.firstname+','+x.lastname}}

         </li>

      </ul>

 </div>

 <script>

 var app=angular.module("myApp",[]);

 app.controller("myCtl",function($scope){

     $scope.names=[{firstname:'john',lastname:'cena'},{firstname:'bill',lastname:'gates'}];

 });

 </script>

 </body>

 </html>

AngularJS_对象数组-filter-orderBy的更多相关文章

续~ES6 新语法（symbol、set集合、数组对象的filter（），reduce（），weakset（），map（）方法）
一.symbol 回顾数据类型: 基本类型(原始类型): String Number Boolean Undifined Null Symbol 引用类型: Objects 1.1 创建symbol ...
js 根据条件删除数组中某个对象&amp&semi;js filter (find)过滤数组对象的使用
删除 ---- item不设置 arr.splice(1,1) //['a','c','d'] 删除起始下标为1,长度为1的一个值,len设置的1,如果为0,则数组不变 arr. ...
Js 数组——filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()
filter(): 语法: var filteredArray = array.filter(callback[, thisObject]); 参数说明: callback: 要对每个数组元素执行 ...
JavaScript中对象数组作业
var BaiduUsers = [], WechatUsers = []; var User = function(id, name, phone, gender, age, salary) { t ...
JavaScript中对象数组根据某个属性值然后push到新的数组
原文链接 https://segmentfault.com/q/1010000010075035 将下列对象数组中,工资大于1w的员工,增加到对象数组 WanSalary中 var BaiduUser ...
JavaScript中对象数组作业题目以及作业
var BaiduUsers = [], WechatUsers = []; var User = function(id, name, phone, gender, age, salary) { t ...
JavaScript 数组——filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()
filter(): 语法: var filteredArray = array.filter(callback[, thisObject]); 参数说明: callback: 要对每个数组元素执行 ...
JS 对象数组求并集，交集和差集
一.JS数组求并集,交集和差集需求场景最近,自己项目中有一些数组操作,涉及到一些数学集的运算,趁着完成后总结一下. 简化问题之后,现有两数组a = [1, 2, 3],b = [2, 4, 5], ...
js之数据类型（对象类型——构造器对象——数组2）
一.数组空位与undefined 数组空位:数组的某一个位置没有任何值产生空位的原因:数组中两个逗号之间不放任何值:用new Array()的方法,参数里是个数字:通过一个不存在的下标去增加数组:增 ...

随机推荐

基于DevExpress的Winform程序安装包的制作
在我们做系统开发的时候,都会面临一个安装包制作的问题,如何把我们做好的系统,通过安装包工具整合成一个安装包给客户进行安装.安装包的优势就是一步步安装就可以了,不用复制一大堆文件给客户,还怕缺少那个文件 ...
自定义响应结构 Json格式转换工具类
import java.util.List; import com.fasterxml.jackson.core.JsonProcessingException; import com.fasterx ...
mvc通过ActionFilterAttribute做登录检查
1.0 创建Attribute using System; using System.Collections.Generic; using System.Linq; using System.Web; ...
UVALive 2889（回文数字）
题意:给定i,输出第i个回文数字. 分析:1,2,3,4,……,9------------------------------------------------------------------- ...
基于Spark Streaming + Canal + Kafka对Mysql增量数据实时进行监测分析
Spark Streaming可以用于实时流项目的开发,实时流项目的数据源除了可以来源于日志.文件.网络端口等,常常也有这种需求,那就是实时分析处理MySQL中的增量数据.面对这种需求当然我们可以通过 ...
ASP&period;NET MVC下使用AngularJs语言(六)：获取下拉列表的value和Text
前面Insus.NET有在Angularjs实现DropDownList的下拉列表的功能.但是没有实现怎样获取下拉列表的value和text功能. 下面分别使用ng-click和ng-change来实 ...
day29 上周复习
上周内容回顾初始面向对象 class 类名(父类1,父类2): 静态属性 = "" # 静态属性,类方法 def __init__(self): # 初始化方法 def func ...
shell脚本杀进程重启
#!/bin/bash ID=`ps -ef | grep "abc" | grep -v "$0" | grep -v "grep" | ...
洛谷P3884 二叉树问题
题目描述如下图所示的一棵二叉树的深度.宽度及结点间距离分别为: 深度:$4$ 宽度:$4$(同一层最多结点个数) 结点间距离: $⑧→⑥为8 (3×2+2=8)$ \(⑥→⑦为3 (1× ...
题解 P5051 【[COCI2017-2018&num;7] Timovi】
看到这道题目,数据范围,心凉了一大截这是没开O2的而这是开了O2的 emm……本蒟蒻也无言以对呀好了,回归正题,看到题目的标签,高性能,自然而然地想到了快读相信做这题的大佬们一定知道吧! 快读 ...