过滤器--起步阶段

过滤器

1)使用AngularJS过滤器可以实现对字符串的大小写转换、货币格式的转换、数组的过滤等等。

用法:管道字符(|)+过滤器名

1.过滤器uppercase、lowercase对字符串转换大、小写,如下所示:

  1. <div ng-app="">
  2. 请输入: <input type="text" ng-model="name">
  3. <p>结果为: {{ name | uppercase}}</p>
  4. </div>

使用方法很简单吧,在试试过滤器lowercase的效果吧!

过滤器currency,可以将数字转换成货币格式,参照上面的例子,试试吧。

2). filter过滤器可以过滤数组并从中选择出一个子集出来,用法是“filter:模型名称”,示例如下:

  1. <div ng-app="" ng-init="friends = [
  2. {name:'tom', age:16},
  3. {name:'jerry', age:20},
  4. {name:'garfield', age:22}]">
  5.  
  6. <p>输入过滤:<input type="text" ng-model="name"></p>
  7.  
  8. <ul style="list-style-type:none">
  9. <li>姓名,年龄</li>
  10. <li ng-repeat="x in friends | filter:name">
  11. {{ x.name + ' , ' + x.age }}
  12. </li>
  13. </ul>
  14.  
  15. </div>

看到输出结果了吧,filter过滤器是不是很强大而且用法超简单就实现了对数据的简单过滤,如果不使用它,那我们想要实现这个数据过滤效果是不是要相当麻烦(可以自己试试如何实现).

转载于:https://www.cnblogs.com/rainheader/p/4624179.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/471802.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

linux ls-l getswd,liunx

title: liunxdate: 2020-03-01 21:42:48tags:- liunx- systemcategory:systemliunx 常用命令$ pwd //输出当前文件绝对路劲$ cd //进入某个文件夹,改变目录$ ls //查看当前目录下的文件或者文件夹名$ ls -l //查看当前目录下所有的文件夹详情$ ls -a //查看当前目录下的所有文件…

lisp 中望cad 选项卡_这些高效插件,学CAD的基本用过两种以上

如果你意识到需要一些辅助工具来提高设计效率&#xff0c;那么恭喜你&#xff0c;摆脱了枯燥难熬的初学者时期&#xff0c;进入到一种不断探索&#xff0c;又能发现惊喜的阶段。这并不是空穴来风&#xff0c;当你把一些基础知识都熟练掌握之后&#xff0c;就会想尽办法寻找工具…

linux信号量通讯失败,Linux C++ 通过信号量进行跨进程通讯

最近帮着同事搞了一下嵌入式的gtk界面, 中间有用到系统signal来进行进程通讯, 做个简单的记录在使用linux系统信号量之前需要先了解一下信号量基础知识, 这里给出一个参考博文, 讲的很仔细 : https://www.cnblogs.com/taobataoma/archive/2007/08/30/875743.html下面是我摘录的…

LeetCode MySQL 1777. 每家商店的产品价格(行列转换)

文章目录1. 题目2. 解题1. 题目 表&#xff1a;Products ---------------------- | Column Name | Type | ---------------------- | product_id | int | | store | enum | | price | int | ----------------------(product_id,store) 是这个表的…

android 判断主线程_面试官:Android 子线程更新UI了解吗?

前言今天一个朋友去面试&#xff0c;被问到为什么Loop 死循环而不阻塞UI线程&#xff1f;为什么子线程不能更新UI&#xff1f;是不是子线程一定不可以更新UI&#xff1f;SurfaceView是为什么可以直接子线程绘制呢&#xff1f;用SurfaceView 做一个小游戏&#xff0c;别踩百块&a…

记事本linux命令换行符,Windows 10版记事本应用终于支持Linux/Mac换行符 排版不再辣眼睛...

记事本(Notepad)是微软 Windows 操作系统中相当经典的一款工具&#xff0c;其在最新的 Windows 10 操作系统中也得到了保留&#xff0c;命运比被 Photos 和 Paint 3D 取代的画图(MsPaint)程序要好得多。不过最近&#xff0c;Windows10 版记事本应用迎来了一项技能更新&#xff…

LeetCode 1885. Count Pairs in Two Arrays(二分查找)

文章目录1. 题目2. 解题1. 题目 Given two integer arrays nums1 and nums2 of length n, count the pairs of indices (i, j) such that i < j and nums1[i] nums1[j] > nums2[i] nums2[j]. Return the number of pairs satisfying the condition. Example 1: Inpu…

hal库开启中断关中断_STM32对HAL库的定时器中断

从串口中断&#xff0c;到外部中断再到现在的定时器中断&#xff0c;越来越感觉HAL库应用比较好用&#xff0c;虽然一开始理解上面有点怪&#xff0c;但是网上查询一下就能够学会。定时器中断分为两个重点&#xff0c;1、在应用CUBEMX时配置定时器的分频数以及时钟树设置 2、生…

How to Avoid Producing Legacy Code at the Speed of Typing

英语不好翻译很烂。英语好的去看原文。 About the Author I am a software architect/developer/programmer.I have a rather pragmatic approach towards programming, but I have realized that it takes a lot of discipline to be agile. I try to practice good craftsman…

c语言程序做成可执行文件,windows环境下C程序生成可执行文件

windows环境下&#xff0c;编写C程序&#xff0c;生成.exe&#xff0c;用于操作某个文件。包含三部分&#xff1a;搭建环境、程序实现、程序分析。1、搭建程序编写和编译环境在windows下安装Git Bash(下载页面)。安装完成后&#xff0c;可以在windows的任意文件夹下&#xff0c…

LeetCode MySQL 1890. 2020年最后一次登录(year)

文章目录1. 题目2. 解题1. 题目 表: Logins -------------------------- | 列名 | 类型 | -------------------------- | user_id | int | | time_stamp | datetime | --------------------------(user_id, time_stamp) 是这个表的主键。 每一…

大锅菜机器人_炒菜机或者炒菜机器人有好用的吗 - 玩主论坛

好像公司还在&#xff0c;出新型号了。智能烹饪机炒菜视频&#xff1a;http://videotudoucom/v/XMTk3MDkwNDU5Nghtml智能烹饪机将主(菜、肉、鱼……)副料一次性投入&#xff0c;选定菜系&#xff0c;轻触按钮&#xff0c;一般家常菜肴仅三分钟即可出锅食用。本机具有自动翻炒功…

高效开发--crm开发有悟

今天我计划许久的回访单功能模块&#xff0c;还是没有实现&#xff0c;没有搞定。心中很是苦闷啊&#xff01;&#xff01;&#xff01;原因&#xff1a;自己想去吧。以后怎么做&#xff1a;什么也是纸老虎&#xff0c;程序研发太简单&#xff0c;只要弄清了需求&#xff0c;其…

LeetCode MySQL 1873. 计算特殊奖金(case when then else end)

文章目录1. 题目2. 解题1. 题目 表: Employees ---------------------- | 列名 | 类型 | ---------------------- | employee_id | int | | name | varchar | | salary | int | ----------------------employee_id 是这个表的主键。 此表的每…

href 带参数 打开exe_js调用winform程序(带参数)

我们会发现,我们点击迅雷下载的时候 网页可以调用应用程序,而且连接会传入迅雷,这个是怎么做到的呢?原理: 先注册表中添加软件的具体信息,然后通过 href 可以直接调用1.写入注册表信息,注册,如果不需要参数 只要第一个HKEY_CLASSES_ROOT\test 段落Windows Registry Editor Ve…

c语言variant是什么变量,介绍一些常用数据类型的使用。先定义一些常见类型变量借以.doc...

介绍一些常用数据类型的使用。先定义一些常见类型变量借以说明int i 100;long l 2001;float f300.2;double d12345.119;char username[]"张三";char temp[200];char *buf;CString str;_variant_t v1;_bstr_t v2;一、其它数据类型转换为字符串短整型(int)itoa(i,tem…

What code you will get when you create a wcf library

创建wcf服务库的时候&#xff0c;系统自动生成的代码 // 注意: 使用“重构”菜单上的“重命名”命令&#xff0c;可以同时更改代码和配置文件中的接口名“IService1”。[ServiceContract]public interface IService1{[OperationContract]string GetData(int value);[OperationC…

LeetCode 1868. 两个行程编码数组的积(双指针)

文章目录1. 题目2. 解题2.1 模拟超时2.2 优化1. 题目 行程编码&#xff08;Run-length encoding&#xff09;是一种压缩算法&#xff0c;能让一个含有许多段连续重复数字的整数类型数组 nums 以一个&#xff08;通常更小的&#xff09;二维数组 encoded 表示。 每个 encoded[…

结巴分词有前空格_jieba英文空格分词问题

1.对于关键词存在空格或者特殊符号的情况下&#xff0c;jieba无法分出该词2.在github上找到了一个解决方案&#xff0c;修改jieba源码__init__.py免费分享&#xff0c;造损免责。打开默认词典(根目录)或自定义词典&#xff0c;把所有用来间隔词频和词性的空格间隔符改成(选用是…

linux socket 面试题,面试题

1、网络TCP/IP协议2、三层路由架构&#xff0c;搭建局域网3、自动化测试工具robotframework的使用&#xff0c;怎么管理测试脚本4、shell脚本可用过&#xff1f;怎么替换一个文本中指定的内容&#xff1f;5、python的多线程怎么使用的&#xff1f;正则表达式中serach和match的区…