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 相关文章推荐
jquery jqPlot API 中文使用教程(非常强大的图表工具)
Aug 15 Javascript
纯JS实现根据CSS的class选择DOM
Mar 22 Javascript
Node.js实现的简易网页抓取功能示例
Dec 05 Javascript
IE8下jQuery改变png图片透明度时出现的黑边
Aug 30 Javascript
jquery实时获取时间的简单实例
Jan 26 Javascript
js中let和var定义变量的区别
Feb 08 Javascript
基于vue.js实现的分页
Mar 13 Javascript
vue slots 组件的组合/分发实例
Sep 06 Javascript
解决vue脚手架项目打包后路由视图不显示的问题
Sep 20 Javascript
vue使用Google地图的实现示例代码
Dec 19 Javascript
详解用Webpack与Babel配置ES6开发环境
Mar 12 Javascript
使用layui的layer组件做弹出层的例子
Sep 27 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
PHP实现变色验证码实例
2014/01/06 PHP
Linux服务器下PHPMailer发送邮件失败的问题解决
2017/03/04 PHP
Laravel 修改验证异常的响应格式实例代码详解
2020/05/25 PHP
javascript据option的value值快速设定初始的selected选项
2007/08/13 Javascript
单击按钮显示隐藏子菜单经典案例
2013/01/04 Javascript
js批量设置样式的三种方法不推荐使用with
2013/02/25 Javascript
jQuery实现下拉框左右选择的简单实例
2014/02/22 Javascript
jQuery性能优化的38个建议
2014/03/04 Javascript
javascript实现全角与半角字符的转换
2015/01/07 Javascript
超级给力的JavaScript的React框架入门教程
2015/07/02 Javascript
javascript学习小结之prototype
2015/12/03 Javascript
jQuery简单实现仿京东分类导航层效果
2016/06/07 Javascript
使用Script元素发送JSONP请求的方法
2016/06/12 Javascript
Vuejs第八篇之Vuejs组件的定义实例解析
2016/09/05 Javascript
微信小程序 Canvas增强组件实例详解及源码分享
2017/01/04 Javascript
详解element-ui表格中勾选checkbox,高亮当前行
2019/09/02 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
2019/11/04 Javascript
vue同个按钮控制展开和折叠同个事件操作
2020/07/29 Javascript
vue router返回到指定的路由的场景分析
2020/11/10 Javascript
vue 使用饿了么UI仿写teambition的筛选功能
2021/03/01 Vue.js
[02:04]2018DOTA2亚洲邀请赛Secret赛前采访
2018/04/03 DOTA
Python 自动刷博客浏览量实例代码
2017/06/14 Python
Python Requests模拟登录实现图书馆座位自动预约
2018/04/27 Python
Django forms组件的使用教程
2018/10/08 Python
在ubuntu16.04中将python3设置为默认的命令写法
2018/10/31 Python
Python基础之函数的定义与使用示例
2019/03/23 Python
python禁用键鼠与提权代码实例
2019/08/16 Python
PyTorch 解决Dataset和Dataloader遇到的问题
2020/01/08 Python
用纯css3和html制作泡沫对话框实现代码
2013/03/21 HTML / CSS
英国Boots旗下太阳镜网站:Boots Designer Sunglasses
2018/07/07 全球购物
俄罗斯第一家篮球店:StreetBall
2020/07/30 全球购物
高三学生评语大全
2014/04/25 职场文书
2014年客房服务员工作总结
2014/11/18 职场文书
浅谈redis缓存在项目中的使用
2021/05/20 Redis
Python如何识别银行卡卡号?
2021/06/10 Python
python和C/C++混合编程之使用ctypes调用 C/C++的dll
2022/04/29 Python