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 find和children方法使用
Jan 31 Javascript
JavaScript中链式调用之研习
Apr 07 Javascript
JavaScript中的eval()函数详解
Aug 22 Javascript
jQuery.position()方法获取不到值的安全替换方法
Mar 13 Javascript
简介AngularJS中使用factory和service的方法
Jun 17 Javascript
AngularJs Forms详解及简单示例
Sep 01 Javascript
javascript 分号总结及详细介绍
Sep 24 Javascript
用vue封装插件并发布到npm的方法步骤
Oct 18 Javascript
vue指令只能输入正数并且只能输入一个小数点的方法
Jun 08 Javascript
element-ui中的select下拉列表设置默认值方法
Aug 24 Javascript
JavaScript单线程和任务队列原理解析
Feb 04 Javascript
Js参数RSA加密传输之jsencrypt.js的使用
Feb 07 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数据库类
2009/05/27 PHP
php-perl哈希算法实现(times33哈希算法)
2013/12/30 PHP
PHP基本语法总结
2014/09/06 PHP
浅谈关于JavaScript的语言特性分析
2013/04/11 Javascript
javascript操作excel生成报表示例
2014/05/08 Javascript
HTML页面登录时的JS验证方法
2014/05/28 Javascript
jquery JSON的解析方式示例介绍
2014/07/27 Javascript
jquery中使用循环下拉菜单示例代码
2014/09/24 Javascript
超详细的javascript数组方法汇总
2015/11/21 Javascript
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
2016/02/25 Javascript
在页面中输出当前客户端时间javascript实例代码
2016/03/02 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
2016/05/21 Javascript
基于javascript的Form表单验证
2016/12/29 Javascript
原生JS实现图片懒加载(lazyload)实例
2017/06/13 Javascript
node通过npm写一个cli命令行工具
2017/10/12 Javascript
angular2中Http请求原理与用法详解
2018/01/11 Javascript
JS运动特效之同时运动实现方法分析
2018/01/24 Javascript
手把手教你vue-cli单页到多页应用的方法
2018/05/31 Javascript
通过cordova将vue项目打包为webapp的方法
2019/02/02 Javascript
JavaScript&quot;模拟事件&quot;的注意要点详解
2019/02/13 Javascript
你不知道的Vue技巧之--开发一个可以通过方法调用的组件(推荐)
2019/04/15 Javascript
小程序中canvas的drawImage方法参数使用详解
2019/07/04 Javascript
Javascript实现鼠标点击冒泡特效
2019/12/24 Javascript
TensorFlow搭建神经网络最佳实践
2018/03/09 Python
Pyqt5自适应布局实例
2019/12/13 Python
Python类和实例的属性机制原理详解
2020/03/21 Python
Python3中小括号()、中括号[]、花括号{}的区别详解
2020/11/15 Python
如何用Python和JS实现的Web SSH工具
2021/02/23 Python
个人简历的自荐信
2013/10/23 职场文书
魅力教师事迹材料
2014/01/10 职场文书
会计电算化毕业生自荐信
2014/03/03 职场文书
体育专业求职信
2014/07/16 职场文书
大学生学习面向未来的赶考思想汇报
2014/09/12 职场文书
转让协议书
2015/01/27 职场文书
投资意向协议书
2015/01/29 职场文书