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程序设计有所帮助。
相关文章
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
下面小编就为大家带来一篇完美解决UI-Grid表格元素中多个空格显示为一个空格的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
这篇文章主要介绍了深入理解AngularJs－scope的脏检查（一） ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
这篇文章主要给大家介绍了关于Angular 2+时如何去除url中#号的相关资料，文中先对#号去除的原因及方法进行详细的介绍和分析，然后通过示例代码给大家演示去除的方法，需要的朋友可以参考借鉴，下面随着小编来一起看看吧。2017-12-12
anime.js是一个灵活的轻型JavaScript动画库。这篇文章主要介绍了anime.js 实现带有描边动画效果的复选框 ,需要的朋友可以参考下2017-12-12
详解在 Angular 项目中添加 clean-blog 模板
本篇文章主要介绍了详解在 Angular 项目中添加 clean-blog 模板，非常具有实用价值，需要的朋友可以参考下2017-07-07
本篇文章主要介绍了Angularjs下拉框联动的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
AngularJS是Google开发的纯客户端JavaScript技术的WEB框架,用于扩展、增强HTML功能,它专为构建强大的WEB应用而设计。下面这篇文章我们来分享如何利用Angularjs实现幻灯片效果。2016-09-09
这篇文章主要介绍了AngularJS中ng-class用法,结合实例形式分析了ng-class的功能、使用方法与相关注意事项,需要的朋友可以参考下2017-07-07
本文将侧重点放到npm上来，看看npm平台给ng2带来的酷炫的帮助。具有很好的参考价值，下面跟着小编一起来看下吧2017-03-03
本文主要介绍了利用angularjs1.4制作的简易滑动门效果的实例，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
最新评论