angular-过滤器

过滤器描述
currency格式化数字为货币格式。
filter从数组项中选择一个子集。
lowercase格式化字符串为小写。
orderBy根据某个表达式排列数组。
uppercase格式化字符串为大写。
内容中:数值转为货币格式
<p>总价 = {{ (quantity * price) | currency }}</p>
排序
<ul><li ng-repeat="x in names | orderBy:'country'">{{ x.name + ', ' + x.country }}</li>
</ul>
内容中:转小写
<p>姓名为 {{ lastName | lowercase }}</p>
内容中:转大小写
<body ng-app="myApp"><div ng-controller="myCtrl"><input type="text" ng-model="name"/><input type="text" ng-model="age"/><!--z转换为大/小写--><!--<p>调用控制器里的函数:{{info()|uppercase}}</p>--><p>调用控制器里的函数:{{info()|lowercase}}</p></div><script type="text/javascript">var app=angular.module('myApp',[]);app.controller("myCtrl",function($scope){$scope.name="Youyuanyuan";$scope.age=10;$scope.info=function(){//注意变量前加上$scopereturn $scope.name+" "+$scope.age;}})</script></body>
排序:在ng-repeat之后
  • {{x}}
  • {{x.name+" "+x.age}}
<body ng-app="myApp"><div ng-controller="myCtrl"><input type="text" ng-model="name" /><input type="text" ng-model="num" /><p>{{"名称:"+name+",单价:"+price+",数量:"+num}}</p><p>总价:{{ (price * num) | currency }}</p></div><ul ng-controller="myCtrl"><!--数组排序--><li ng-repeat="x in sum|orderBy">{{x}}</li></ul><ul ng-controller="myCtrl"><!--对象排序--><li ng-repeat="x in info|orderBy:'age'">{{x.name+" "+x.age}}</li></ul><script type="text/javascript">var app = angular.module('myApp', []);app.controller("myCtrl", function($scope) {$scope.name = "apple";$scope.num = 10;$scope.price = 20;$scope.sum =[10,30,20];$scope.info=[{name:"youyunayuan",age:20},{name:"youqijia",age:30},{name:"youlonglong",age:10},{name:"zhengshaonong",age:5}];})</script></body>

转载于:https://www.cnblogs.com/sakura-sakura/p/6678836.html

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

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

相关文章

SSH三大框架的工作原理及流程

Hibernate工作原理及为什么要用? 原理&#xff1a; 1.通过Configuration().configure();读取并解析hibernate.cfg.xml配置文件 2.由hibernate.cfg.xml中的<mapping resource"com/xx/User.hbm.xml"/>读取并解析映射信息 3.通过config.buildSessionFactory();/…

二分查找法(递归与循环实现)

问题&#xff1a; 给定一个排序数组和一个数k&#xff0c;要求找到第一个k的位置和最后一个k的位置 解析&#xff1a; 由于给定的数组是从小到大排序的&#xff0c;故可以按照二分查找法来找&#xff0c;下面分别从递归和循环两种方法来阐述&#xff1a; //递归方法 int GetF…

电脑显示器变色_电脑维修(看完后就可以开一家自己的电脑维修店!)

第二部分 常见故障判断本部分将计算机从开机一直到关机期间的故障进行分类。每一类的判断、定位过程都是第一部分中维修判断一节的有机组成部分&#xff0c;即不论使用什么方法或不论去判断什么内容&#xff0c;这两部分总是相互结合使用的。以下各故障类型中所列的故障现象只是…

linux运维基础篇 unit7

unit 71.进程定义进程就是cpu未完成的工作2.ps命令psa ##关于当前环境的所有进程x ##与当前环境无关的所有进程f ##显示进程从属关系e ##显示进程调用环境工具的详细信息l ##长列表显示进程的详细信息u ##显…

运行快捷指令无法连接服务器失败,快捷指令打不开怎么回事?iPhone快捷指令无法载入的解决办法...

经常会有果粉朋友反馈&#xff0c;自己的 iPhone 快捷指令打不开。具体表现是&#xff0c;在 Safari 浏览器中&#xff0c;打开快捷指令下载安装页面&#xff0c;点击“获取捷径”后&#xff0c;一直卡在快捷指令中心正在载入页面&#xff0c;等半天都无法正常载入需要安装的快…

Bigpipe---FaceBook使用的页面加载技术

BigPipe&#xff08;FaceBook使用的页面加载技术&#xff09; 理论部分&#xff1a;用户输入域名发送请求到服务端&#xff0c;服务端组合出需要的业务数据返回给客户端&#xff0c;这一过程是现在网页请求最基本传统的方式了。 好处&#xff1a;只做了一次http请求&#xff0c…

maven搭建多模块项目和管理

在eclipse下构建maven项目&#xff0c;该项目由多个子模块组成。 1.创建一个父项目 NEW -->project-->maven-->maven Project&#xff0c;点击下一步&#xff0c;进入new maven Project的Select project name and location界面 &#xff0c;什么也不做&#xff0c;直接…

shsh验证服务器,教你从Cydia上取出SHSH并验证有效性!

原标题&#xff1a;教你从Cydia上取出SHSH并验证有效性&#xff01;今天在第一篇内容中和大家说了如何让32位设备进行降级&#xff0c;但这其中有个很重要的问题就是如何提取出对应设备的SHSH&#xff0c;虽然说本篇内容并不是对所有人都有效&#xff0c;但至少多了一个可选择的…

Discuz!$_G变量的使用方法

1&#xff0c;G变量的使用方法&#xff1a;例如&#xff1a;$_G[style][boardlogo]风格变量篇$_G[style] > Array(官方模板区 cr180整理$_G[style][styleid] > 当前风格ID$_G[style][name] > 当前风格名$_G[style][templateid] > 当前模板体系$_G[style][tpldir] &…

n!后面有多少个0(转载)

我的思路&#xff1a; 从”那些数相乘可以得到10”这个角度&#xff0c;问题就变得比较的简单了。 首先考虑&#xff0c;如果N的阶乘为K和10的M次方的乘积&#xff08;N&#xff01;K∗10M&#xff09;&#xff0c;那么N!末尾就有M个0。 如果将N的阶乘分解后&#xff0c;那么…

ico的尺寸_批量压缩、加水印、调整尺寸……用这 6 款 Mac 图片工具一键解决

不论是写文章、做教程&#xff0c;还是处理摄影作品、上传社交平台&#xff0c;对图片的处理肯定少不了。庞大又贵重的专业软件不仅成本较高&#xff0c;还有着不小的上手难度。如果我们仅仅是想要&#xff1a;缩小图片体积、添加水印或者批量对图片进行操作等等&#xff0c;使…

转:MAC 下安装PHONEGAP开发环境

MAC 下安装PHONEGAP开发环境 什么是Phonegap呢&#xff1f;Phonegap是一个利用HTML5去开发App的框架。可以为安卓、iOS、WP、黑莓、火狐等移动操作系统。采用HTML5来编写交互界面。其优点是编写一次可以编译到各种移动平台上&#xff0c;大大为公司节省了开发周期。但是它也是有…

Sql 行转列问题总结

1、行转列---1、最简单的行转列 /* 问题&#xff1a;假设有张学生成绩表(tb)如下: 姓名 课程 分数 张三 语文 74 张三 数学 83 张三 物理 93 李四 语文 74 李四 数学 84 李四 物理 94想变成(得到如下结果)&#xff1a; 姓名 语文 数学 物理 李四 74 84 94 张三 74 8…

寻找第K大的数字

寻找第k大的数字&#xff0c;有很多方法&#xff0c;最基本的就是将数组按照从大到小的顺序排列&#xff0c;找出第k个元素即可。但是这种方法的时间复杂度为o(nlog(n)),我们还能找到更好地方法。下面我们将介绍另外两种办法&#xff0c;一种是基于快排Partition的方法&#xf…

(12)MSP430F5529 常用内置函数和一些说明

&#xff08;1&#xff09; MSP430F5529支持最高工作频率为25MHZ&#xff0c;也就是说你通过 锁相环倍频来提高系统运行速度是有一个限制的&#xff0c; 最高只能到25MHZ&#xff08;再高没意思了&#xff09;。 &#xff08;2&#xff09;几个重要的内联函数 &#xff08;内联…

从零开始学android编程_android初学者的入门秘籍

大概是去年年底开始接触android原本是学习嵌入式的我&#xff0c;领导让我看看能不能搞一下这个android APP。一开始的我懵逼得很。。。这android APP 不是得用java写吗&#xff1f;&#xff1f;&#xff1f; 现在我看网上说比较多还是用kotlin&#xff0c;没去学。。。好家伙&…

修改了sql默认路径无法登录服务器,PostgreSQL错误'无法连接到服务器:没有这样的文件或目录'...

像其他一些人一样,当我在我的项目中运行rake db:migrate或者甚至为我的Ruby on Rails 3.2应用程序尝试大多数数据库任务时,我收到此错误.PGError(无法连接到服务器:没有这样的文件或目录.服务器是否在本地运行并接受Unix域套接字上的连接"/tmp/.s.PGSQL.5432"&#x…

QMarkDowner编译

第一次完整的编译一个工程。哈哈 记录一下 准备环境 我的环境是win7 x64, python2.7.5 x64的。 python 3.x的我没试过,有需要的朋友可以试一下。 安装python2.7.5 x64 确保将安装路径加入到Path中 PyQt4 啊 我的环境是win的 当然要下win版 (PyQt4-4.10.3-gpl-Py2.7-Qt4.8.5-x6…

C++ STL的查找算法

假设你有一个序列容器&#xff0c;或者有一对迭代器标识了一个区间,现在你希望在容器中查找一些信息&#xff0c;这样的查找工作如何进行呢&#xff1f;你的选择往往是&#xff1a; count,count_if,find,find_if,binary_search,lower_bound,upper_bound,equal_range.该如何选择…

习题七

umask 022 &#xff0c;请描述该命令的含义创建目录时默认的权限为&#xff1a;755 rwxr-xr-x创建文件时默认的权限为&#xff1a;644 rw-r--r--note:创建文件的默认权限是拿掉了X 所以最大为666&#xff0c;而目录最大为777 umask NUM 就是去掉相应的权限转载于:https://blo…