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程序设计有所帮助。
相关文章
这篇文章主要介绍了angularjs性能优化的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
本文主要介绍AngularJs Forms，这里整理了相关资料及简单示例代码，有需要的朋友可以参考下2016-09-09
之前因为项目的需求，第一次系统的使用了angular这一优秀的js框架，其所拥有的许多优秀特性极大的方便了项目的开发，然而在开发中也遇到过不少的问题，趁着最近有时间给大家总结一下，这篇文章将会介绍使用angularjs1结合百度的图表插件echart作为例子用以演示。2016-10-10
本文给大家总结了一些angularjs的基础知识及相关示例，分享给大家，希望能对大家有所帮助。2015-01-01
使用Angular CLI生成 Angular 5项目教程详解
这篇文章主要介绍了使用Angular CLI生成 Angular 5项目的教程详解 ,需要的朋友可以参考下2018-03-03
AngularJs Using $location详解及示例代码
本文主要介绍AngularJs Using $location的知识资料，这里整理了相关的资料，及简单示例代码，有兴趣的小伙伴可以参考下2016-09-09
本篇文章主要介绍了深入探究angular2 UI组件之primeNG用法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了AngularJS之数据绑定用法,结合实例形式分析了AngularJS基于内置指令ng-model实现数据绑定的操作技巧,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了Angular2实现组件交互的方法,结合实例形式总结分析了Angular2中组件交互的相关操作技巧与注意事项,需要的朋友可以参考下2017-12-12
angularJS利用ng-repeat遍历二维数组的实例代码
本篇文章主要介绍了angularJS利用ng-repeat遍历二维数组的实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
最新评论