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实用代码片段集合
Aug 12 Javascript
js onkeypress与onkeydown 事件区别详细说明
Dec 13 Javascript
jQuery实现等比例缩放大图片让大图片自适应页面布局
Oct 16 Javascript
js中事件的处理与浏览器对象示例介绍
Nov 29 Javascript
checkbox全选所涉及到的知识点介绍
Dec 31 Javascript
js获取判断上传文件后缀名的示例代码
Feb 19 Javascript
node.js中的console.trace方法使用说明
Dec 09 Javascript
关于vue.js过渡css类名的理解(推荐)
Apr 10 Javascript
从零开始学习Node.js系列教程之基于connect和express框架的多页面实现数学运算示例
Apr 13 Javascript
vue打包后显示空白正确处理方法
Nov 01 Javascript
Vue 页面跳转不用router-link的实现代码
Apr 12 Javascript
解决angular2 获取到的数据无法实时更新的问题
Aug 31 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
DW中链接mysql数据库时,建立字符集中文出现乱码的解决方法
2010/03/27 PHP
ThinkPHP之A方法实例讲解
2014/06/20 PHP
php站内搜索关键词变亮的实现方法
2014/12/30 PHP
php根据年月获取当月天数及日期数组的方法
2016/11/30 PHP
PHP实现数据四舍五入的方法小结【4种方法】
2019/03/27 PHP
用JavaScript 处理 URL 的两个函数代码
2007/08/13 Javascript
科讯商业版中用到的ajax空间与分页函数
2007/09/02 Javascript
javascript上传图片前预览图片兼容大多数浏览器
2013/10/25 Javascript
js正则表达式中test,exec,match方法的区别说明
2014/01/29 Javascript
jquery下拉select控件操作方法分享(jquery操作select)
2014/03/25 Javascript
JavaScript html5 canvas画布中删除一个块区域的方法
2016/01/26 Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
2016/05/25 Javascript
js实现放大镜特效
2017/05/18 Javascript
JavaScript实现一个空中避难的小游戏
2017/06/06 Javascript
在vue.js中抽出公共代码的方法示例
2017/06/08 Javascript
Angular 2 利用Router事件和Title实现动态页面标题的方法
2017/08/23 Javascript
搭建element-ui的Vue前端工程操作实例
2018/02/23 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
2018/08/07 Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
2018/09/11 Javascript
jQuery AJAX与jQuery事件的分析讲解
2019/02/18 jQuery
vue 地图可视化 maptalks 篇实例代码详解
2019/05/21 Javascript
简介Python设计模式中的代理模式与模板方法模式编程
2016/02/02 Python
python判断字符串编码的简单实现方法(使用chardet)
2016/07/01 Python
浅谈Python数据类型判断及列表脚本操作
2016/11/04 Python
Python使用type关键字创建类步骤详解
2019/07/23 Python
安装python及pycharm的教程图解
2019/10/10 Python
pytorch 数据处理:定义自己的数据集合实例
2019/12/31 Python
CSS3 滤镜 webkit-filter详细介绍及使用方法
2012/12/27 HTML / CSS
CSS3实现圆角、阴影、透明效果并兼容各大浏览器
2014/08/08 HTML / CSS
AmazeUI 评论列表的实现示例
2020/08/13 HTML / CSS
财务人员个人自荐信范文
2013/09/26 职场文书
创建服务型党组织实施方案
2014/02/25 职场文书
5.12护士节演讲稿
2014/04/30 职场文书
个人先进事迹总结
2015/02/26 职场文书
刑事辩护词范文
2015/05/21 职场文书
2016年万圣节活动个人总结
2016/04/05 职场文书