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中获得$.ajax()事件返回的值并添加事件的方法
Apr 15 Javascript
Node.js开源应用框架HapiJS介绍
Jan 14 Javascript
JQuery创建DOM节点的方法
Jun 11 Javascript
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
Mar 07 Javascript
微信小程序遇到修改数据后页面不渲染的问题解决
Mar 09 Javascript
原生JS改变透明度实现轮播效果
Mar 24 Javascript
深入解析js轮播插件核心代码的实现过程
Apr 14 Javascript
详解如何去除vue项目中的#——History模式
Oct 13 Javascript
浅析JS抽象工厂模式
Dec 14 Javascript
vue.js element-ui tree树形控件改iview的方法
Mar 29 Javascript
Vue最新防抖方案(必看篇)
Oct 30 Javascript
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
Nov 14 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个人网站架设连环讲(一)
2006/10/09 PHP
PHP文件读写操作之文件读取方法详解
2011/01/13 PHP
php 计划任务 检测用户连接状态
2012/03/29 PHP
Laravel中使用Queue的最基本操作教程
2017/12/27 PHP
laravel-admin的图片删除实例
2019/09/30 PHP
一实用的实现table排序的Javascript类库
2007/09/12 Javascript
JavaScript更改class和id的方法
2008/10/10 Javascript
JavaScript怎么判断图片是否加载完成以便获取其尺寸
2014/05/08 Javascript
一个支持任意尺寸的图片上下左右滑动效果
2014/08/24 Javascript
理解javascript闭包
2015/12/15 Javascript
Bootstrap组件学习之导航、标签、面包屑导航(精品)
2016/05/17 Javascript
JS实现异步上传压缩图片
2017/04/22 Javascript
Textarea输入字数限制实例(兼容iOS&amp;安卓)
2017/07/06 Javascript
浅谈Angular4实现热加载开发旅程
2017/09/08 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
2018/08/08 Javascript
详解使用VUE搭建后台管理系统(vue-cli更新至3.0)
2018/08/22 Javascript
VUE简单的定时器实时刷新的实现方法
2019/01/20 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)
2019/01/24 Javascript
node使用request请求的方法
2019/12/20 Javascript
Vue的props父传子的示例代码
2020/05/20 Javascript
通过JS判断网页是否为手机打开
2020/10/28 Javascript
从Python的源码来解析Python下的freeblock
2015/05/11 Python
python字符串对其居中显示的方法
2015/07/11 Python
python 类详解及简单实例
2017/03/24 Python
Python实现查看系统启动项功能示例
2018/05/10 Python
python爬虫之模拟登陆csdn的实例代码
2018/05/18 Python
Python一个简单的通信程序(客户端 服务器)
2019/03/06 Python
通过 Python 和 OpenCV 实现目标数量监控
2020/01/05 Python
Python爬取网页信息的示例
2020/09/24 Python
html5贪吃蛇游戏使用63行代码完美实现
2013/06/25 HTML / CSS
国际鲜花速递专家:Floraqueen
2016/11/24 全球购物
extern是什么意思
2016/03/10 面试题
如何开发安全的AJAX应用
2014/03/26 面试题
护理专科自荐书范文
2014/02/18 职场文书
第一批党的群众路线教育实践活动工作总结
2014/03/03 职场文书
党校个人自我鉴定范文
2014/03/28 职场文书