Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例
更新时间：2018年03月27日 11:41:44 作者：郭浩326
这篇文章主要介绍了Angular使用过滤器uppercase/lowercase实现字母大小写转换功能,涉及AngularJS过滤器针对字符串转换的简单使用技巧,需要的朋友可以参考下
本文实例讲述了Angular使用过滤器uppercase/lowercase实现字母大小写转换功能。分享给大家供大家参考，具体如下：
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>www.jb51.net 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>
运行结果：
PS：这里再为大家推荐几款相似的在线工具供大家参考：
在线字母大小写转换工具：http://tools.jb51.net/transcoding/upper
人民币大写在线转换工具：http://tools.jb51.net/zhuanhuanqi/rmbupper
更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
相关文章
这篇文章主要介绍了Angular中支持SCSS的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
这篇文章主要给大家介绍了关于Angular动画的2种方式以及添加购物车动画的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-08-08
详解使用angularjs的ng-options时如何设置默认值(初始值)
本篇文章主要介绍了详解使用angularjs的ng-options时如何设置默认值(初始值)，具有一定的参考价值，有兴趣的可以了解一下2017-07-07
AngularJS使用angular.bootstrap完成模块手动加载的方法分析
这篇文章主要介绍了AngularJS使用angular.bootstrap完成模块手动加载的方法,结合实例形式分析了angular.bootstrap函数手动加载模块的步骤与相关操作技巧,需要的朋友可以参考下2017-01-01
这篇文章主要为大家详细介绍了angularjs实现简单的购物车功能 ，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
这篇文章主要介绍了使用AngularJS 跨站请求如何解决jsonp请求问题，下面通过本文给大家分享解决办法，需要的朋友参考下2017-01-01
这篇文章主要介绍了jquery操作angularjs对象的相关资料,需要的朋友可以参考下2015-06-06
本篇文章主要介绍了Angular 2的管道Pipe的使用方法，详细的介绍了管道的定义和使用方法，具有一定的参考价值，有兴趣的可以了解一下2017-11-11
这篇文章主要介绍了在Angular中利用trackBy来提升性能的实现方法,需要的朋友可以参考下2018-01-01
这篇文章主要为大家详细介绍了angularjs实现Tab栏切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
最新评论