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 相关文章推荐
jQuery1.4.2与老版本json格式兼容的解决方法
Feb 12 Javascript
JavaScript的模块化开发框架Sea.js上手指南
May 12 Javascript
浅谈js和css内联外联注意事项
Jun 30 Javascript
JSON 对象未定义错误的解决方法
Sep 29 Javascript
浅谈jQuery操作类数组的工具方法
Dec 23 Javascript
用jquery的attr方法实现图片切换效果
Feb 05 Javascript
jQuery中的deferred对象和extend方法详解
May 08 jQuery
Vue实现表格中对数据进行转换、处理的方法
Sep 06 Javascript
详解ES6中的Map与Set集合
Mar 22 Javascript
JS函数进阶之prototy用法实例分析
Jan 15 Javascript
easyUI 实现的后台分页与前台显示功能示例
Jun 01 Javascript
jquery简易手风琴插件的封装
Oct 13 jQuery
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实现MVC开发得最简单的方法――模型
2007/04/10 PHP
PHP自定义函数判断是否为Get、Post及Ajax提交的方法
2017/07/27 PHP
thinkphp5.0自定义验证规则使用方法
2017/11/16 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
PHP图像处理技术实例总结【绘图、水印、验证码、图像压缩】
2018/12/08 PHP
如何在PHP中读写文件
2020/09/07 PHP
javascript jQuery插件练习
2008/12/24 Javascript
jQuery对象和DOM对象相互转化
2009/04/24 Javascript
一起来写段JS drag拖动代码
2010/12/09 Javascript
firefox浏览器不支持innerText的解决方法
2013/08/07 Javascript
让JavaScript中setTimeout支持链式操作的方法
2015/06/19 Javascript
jquery实现树形菜单完整代码
2015/12/29 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
2016/07/09 Javascript
学习vue.js中class与style绑定
2016/12/03 Javascript
微信小程序 安全包括(框架、功能模块、账户使用)详解
2017/01/16 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
2017/06/16 Javascript
浅谈Vuejs中nextTick()异步更新队列源码解析
2017/12/31 Javascript
JavaScript设计模式之职责链模式应用示例
2018/08/07 Javascript
详解React项目中碰到的IE问题
2019/03/14 Javascript
node.js中事件触发器events的使用方法实例分析
2019/11/23 Javascript
[01:19:23]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第二场
2018/04/06 DOTA
Windows下Python的Django框架环境部署及应用编写入门
2016/03/10 Python
详细介绍Python的鸭子类型
2016/09/12 Python
Python实现连接postgresql数据库的方法分析
2017/12/27 Python
python中使用paramiko模块并实现远程连接服务器执行上传下载功能
2020/02/29 Python
python3实现飞机大战
2020/11/29 Python
HTMl5的存储方式sessionStorage和localStorage详解
2014/03/18 HTML / CSS
Turnbull & Asser官网:英国皇室御用的顶级定制衬衫
2019/01/31 全球购物
奥地利领先的在线药房:SHOP APOTHEKE
2019/10/07 全球购物
英国婚礼商城:Wedding Mall
2019/11/02 全球购物
通往英国高街的商店橱窗:Down Your High Street
2020/07/19 全球购物
全神贯注教学反思
2014/02/03 职场文书
采购部经理岗位职责
2014/02/10 职场文书
知名企业招聘广告词大全
2014/03/18 职场文书
vue3如何优雅的实现移动端登录注册模块
2021/03/29 Vue.js
python基础之模块的导入
2021/10/24 Python