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 相关文章推荐
IE6下JS动态设置图片src地址问题
Jan 08 Javascript
JavaScript中扩展Array contains方法实例
Aug 23 Javascript
基于jQuery倾斜打开侧边栏菜单特效代码
Sep 15 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
Jun 16 Javascript
AngularJS 文件上传控件 ng-file-upload详解
Jan 13 Javascript
基于MVC方式实现三级联动(JavaScript)
Jan 23 Javascript
JS实现图片放大镜插件详解
Nov 06 Javascript
js 原生判断内容区域是否滚动到底部的实例代码
Nov 15 Javascript
vue2.0学习之axios的封装与vuex介绍
May 28 Javascript
layer.open 按钮的点击事件关闭方法
Aug 17 Javascript
深入理解Antd-Select组件的用法
Feb 25 Javascript
详解Vue2的diff算法
Jan 06 Vue.js
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
第十二节--类的自动加载
2006/11/16 PHP
PHP中的cookie
2006/11/26 PHP
php通用防注入程序 推荐
2011/02/26 PHP
sae使用smarty模板的方法
2013/12/17 PHP
屏蔽PHP默认设置中的Notice警告的方法
2016/05/20 PHP
如何解决PHP获取不到SESSION信息之一般情况
2019/10/10 PHP
Laravel 实现Eloquent模型分组查询并返回每个分组的数量 groupBy()
2019/10/23 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
[原创]提供复制本站内容时出现,该文章转自脚本之家等字样的js代码
2007/03/27 Javascript
js下用层来实现select的title提示属性
2010/02/23 Javascript
Jquery中给animation加更多的运作效果实例
2013/09/05 Javascript
使用JQUERY进行后台页面布局控制DIV实现左右式
2014/01/07 Javascript
Ubuntu中搭建Nodejs开发环境过程分享
2014/06/01 NodeJs
Egret引擎开发指南之发布项目
2014/09/03 Javascript
JavaScript严格模式详解
2017/01/16 Javascript
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
vue微信分享的实现(在当前页面分享其他页面)
2019/04/16 Javascript
微信接入之获取用户头像的方法步骤
2019/09/23 Javascript
JS实现随机抽选获奖者
2019/11/07 Javascript
[44:41]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[54:53]完美世界DOTA2联赛PWL S2 GXR vs PXG 第二场 11.18
2020/11/18 DOTA
[01:06:43]完美世界DOTA2联赛PWL S3 PXG vs GXR 第二场 12.19
2020/12/24 DOTA
如何在Python函数执行前后增加额外的行为
2016/10/20 Python
python 处理string到hex脚本的方法
2018/10/26 Python
matplotlib.pyplot绘图显示控制方法
2019/01/15 Python
适合Python初学者的一些编程技巧
2020/02/12 Python
python GUI库图形界面开发之PyQt5打印控件QPrinter详细使用方法与实例
2020/02/28 Python
大学军训通讯稿
2014/01/13 职场文书
节约电力资源的建议书
2014/03/12 职场文书
优秀员工推荐信
2014/05/10 职场文书
普通话宣传标语
2014/06/26 职场文书
家长会欢迎词
2015/01/23 职场文书
党员干部廉政承诺书
2015/04/28 职场文书
呐喊读书笔记
2015/06/30 职场文书
Nginx快速入门教程
2021/03/31 Servers
告别网页搜索!教你用python实现一款属于自己的翻译词典软件
2021/06/03 Python