Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例


Posted in Javascript onMarch 27, 2018

本文实例讲述了Angular使用过滤器uppercase/lowercase实现字母大小写转换功能。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>3water.com angular过滤器uppercase/lowercase字母大小写转换</title>
<script src="angular.min.js"></script>
</head>
<body ng-controller="my">
<span ng-bind="name"></span>
<span ng-bind="name | uppercase"></span> 输出大写
<span ng-bind="name |lowercase"></span>输出小写
</body>
<script type="text/javascript">
var app=angular.module("myApp",[]);
app.controller("my",["$scope",function($scope){
$scope.name="Jaay";
}])
</script>
</html>

运行结果:

Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例

Javascript 相关文章推荐
jqGrid jQuery 表格插件测试代码
Aug 23 Javascript
JS target与currentTarget区别说明
Aug 28 Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
Nov 17 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
Nov 16 Javascript
JS数组返回去重后数据的方法解析
Jan 03 Javascript
Angular中的$watch方法详解
Sep 18 Javascript
详解react阻止无效重渲染的多种方式
Dec 11 Javascript
vue项目前端埋点的实现
Mar 06 Javascript
JS求1到任意数之间的所有质数的方法详解
May 20 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
Oct 26 Javascript
Vue使用预渲染代替SSR的方法
Jul 02 Javascript
JavaScript设计模式之原型模式详情
Jun 21 Javascript
Angular使用操作事件指令ng-click传多个参数示例
Mar 27 #Javascript
JavaScript代码实现txt文件的上传预览功能
Mar 27 #Javascript
Angularjs实现控制器之间通信方式实例总结
Mar 27 #Javascript
Angular中使用better-scroll插件的方法
Mar 27 #Javascript
使用node打造自己的命令行工具方法教程
Mar 26 #Javascript
详解Vue 全局引入bass.scss 处理方案
Mar 26 #Javascript
js构建二叉树进行数值数组的去重与优化详解
Mar 26 #Javascript
You might like
array_multisort实现PHP多维数组排序示例讲解
2011/01/04 PHP
解析thinkphp import 文件内容变量失效的问题
2013/06/20 PHP
php实现分页功能的详细实例方法
2019/09/29 PHP
js 中{},[]中括号,大括号使用详解
2011/05/12 Javascript
node.js中的favicon.ico请求问题处理
2014/12/15 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
2015/01/28 Javascript
javascript弹出页面回传值的方法
2015/01/28 Javascript
js实现下拉框选择要显示图片的方法
2015/02/16 Javascript
可以浮动某个物体的jquery控件用法实例
2015/07/24 Javascript
jQuery实现的经典竖向伸缩菜单效果代码
2015/09/24 Javascript
简单实现jQuery进度条轮播实例代码
2016/06/20 Javascript
JS用斜率判断鼠标进入DIV四个方向的方法
2016/11/07 Javascript
Angular在一个页面中使用两个ng-app的方法(二)
2017/02/20 Javascript
前端自动化开发之Node.js的环境搭建教程
2017/04/01 Javascript
Angular.js中ng-include用法及多标签页面的实现方式详解
2017/05/07 Javascript
vue实现登陆登出的实现示例
2017/09/15 Javascript
深入浅析javascript函数中with
2018/10/28 Javascript
解决echarts的多个折现数据出现坐标和值对不上的问题
2018/12/28 Javascript
vue.js实现二级菜单效果
2019/10/19 Javascript
[01:12:27]EG vs Secret 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
python实现的系统实用log类实例
2015/06/30 Python
anaconda中更改python版本的方法步骤
2019/07/14 Python
pandas DataFrame的修改方法(值、列、索引)
2019/08/02 Python
python读取tif图片时保留其16bit的编码格式实例
2020/01/13 Python
Python爬虫新手入门之初学lxml库
2020/12/20 Python
Python 图片处理库exifread详解
2021/02/25 Python
番木瓜健康和保健产品第一大制造商:Herbal Papaya
2017/04/25 全球购物
德国电子产品购物网站:TechInTheBasket德国
2018/12/07 全球购物
Notino希腊:购买香水和美容产品
2019/07/25 全球购物
ORACLE第二个十问
2013/12/14 面试题
QA工程师岗位职责
2013/11/20 职场文书
中学生英语演讲稿
2014/04/26 职场文书
爱岗敬业演讲稿
2014/05/05 职场文书
React 高阶组件HOC用法归纳
2021/06/13 Javascript
「月刊Action」2022年5月号封面公开
2022/03/21 日漫
MySQL中EXPLAIN语句及用法
2022/05/20 MySQL