Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例


本文实例讲述了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中的filter过滤器用法
  • AngularJS的内置过滤器详解
  • 详解AngularJS中自定义过滤器
  • AngularJS中的过滤器使用详解
  • 使用AngularJS创建自定义的过滤器的方法
  • AngularJS过滤器filter用法总结
  • 详解AngularJS中$filter过滤器使用(自定义过滤器)
  • AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
  • AngularJS 过滤器(自带和自建)详解
  • Angularjs 双向绑定时字符串的转换成数字类型的问题
  • Angular.js 实现数字转换汉字实例代码