Angular使用過濾器uppercase/lowercase實現(xiàn)字母大小寫轉(zhuǎn)換功能示例

更新時間：2018年03月27日 11:41:44 作者：郭浩326

這篇文章主要介紹了Angular使用過濾器uppercase/lowercase實現(xiàn)字母大小寫轉(zhuǎn)換功能,涉及AngularJS過濾器針對字符串轉(zhuǎn)換的簡單使用技巧,需要的朋友可以參考下

本文實例講述了Angular使用過濾器uppercase/lowercase實現(xiàn)字母大小寫轉(zhuǎn)換功能。分享給大家供大家參考，具體如下：

<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>www.dhdzp.com angular過濾器uppercase/lowercase字母大小寫轉(zhuǎn)換</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>

運行結(jié)果：

PS：這里再為大家推薦幾款相似的在線工具供大家參考：

在線字母大小寫轉(zhuǎn)換工具：http://tools.jb51.net/transcoding/upper

人民幣大寫在線轉(zhuǎn)換工具：http://tools.jb51.net/zhuanhuanqi/rmbupper

更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《AngularJS指令操作技巧總結(jié)》、《AngularJS入門與進階教程》及《AngularJS MVC架構(gòu)總結(jié)》

希望本文所述對大家AngularJS程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

完美解決UI-Grid表格元素中多個空格顯示為一個空格的問題
下面小編就為大家?guī)硪黄昝澜鉀QUI-Grid表格元素中多個空格顯示為一個空格的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-04-04
深入理解AngularJs－scope的臟檢查（一）
這篇文章主要介紹了深入理解AngularJs－scope的臟檢查（一），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-06-06
Angular2+如何去除url中的#號詳解
這篇文章主要給大家介紹了關(guān)于Angular 2+時如何去除url中#號的相關(guān)資料，文中先對#號去除的原因及方法進行詳細的介紹和分析，然后通過示例代碼給大家演示去除的方法，需要的朋友可以參考借鑒，下面隨著小編來一起看看吧。
2017-12-12
anime.js 實現(xiàn)帶有描邊動畫效果的復(fù)選框（推薦）
anime.js是一個靈活的輕型JavaScript動畫庫。這篇文章主要介紹了anime.js 實現(xiàn)帶有描邊動畫效果的復(fù)選框 ,需要的朋友可以參考下
2017-12-12
詳解在 Angular 項目中添加 clean-blog 模板
本篇文章主要介紹了詳解在 Angular 項目中添加 clean-blog 模板，非常具有實用價值，需要的朋友可以參考下
2017-07-07
Angularjs實現(xiàn)下拉框聯(lián)動的示例代碼
本篇文章主要介紹了Angularjs下拉框聯(lián)動的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
利用Angularjs實現(xiàn)幻燈片效果
AngularJS是Google開發(fā)的純客戶端JavaScript技術(shù)的WEB框架,用于擴展、增強HTML功能,它專為構(gòu)建強大的WEB應(yīng)用而設(shè)計。下面這篇文章我們來分享如何利用Angularjs實現(xiàn)幻燈片效果。
2016-09-09
AngularJS中ng-class用法實例分析
這篇文章主要介紹了AngularJS中ng-class用法,結(jié)合實例形式分析了ng-class的功能、使用方法與相關(guān)注意事項,需要的朋友可以參考下
2017-07-07
Angular2庫初探
本文將側(cè)重點放到npm上來，看看npm平臺給ng2帶來的酷炫的幫助。具有很好的參考價值，下面跟著小編一起來看下吧
2017-03-03
利用angularjs1.4制作的簡易滑動門效果
本文主要介紹了利用angularjs1.4制作的簡易滑動門效果的實例，具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02