Angular使用過濾器uppercase/lowercase實(shí)現(xiàn)字母大小寫轉(zhuǎn)換功能示例
更新時間：2018年03月27日 11:41:44 作者：郭浩326
這篇文章主要介紹了Angular使用過濾器uppercase/lowercase實(shí)現(xiàn)字母大小寫轉(zhuǎn)換功能,涉及AngularJS過濾器針對字符串轉(zhuǎn)換的簡單使用技巧,需要的朋友可以參考下
本文實(shí)例講述了Angular使用過濾器uppercase/lowercase實(shí)現(xiàn)字母大小寫轉(zhuǎn)換功能。分享給大家供大家參考，具體如下：
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>m.fzitv.net 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>
運(yùn)行結(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入門與進(jìn)階教程》及《AngularJS MVC架構(gòu)總結(jié)》
希望本文所述對大家AngularJS程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- 詳解AngularJS中的filter過濾器用法
- AngularJS的內(nèi)置過濾器詳解
- 詳解AngularJS中自定義過濾器
- AngularJS中的過濾器使用詳解
- 使用AngularJS創(chuàng)建自定義的過濾器的方法
- AngularJS過濾器filter用法總結(jié)
- 詳解AngularJS中$filter過濾器使用(自定義過濾器)
- AngularJS實(shí)現(xiàn)用戶登錄狀態(tài)判斷的方法(Model添加攔截過濾器,路由增加限制)
- AngularJS 過濾器（自帶和自建）詳解
- Angularjs 雙向綁定時字符串的轉(zhuǎn)換成數(shù)字類型的問題
- Angular.js 實(shí)現(xiàn)數(shù)字轉(zhuǎn)換漢字實(shí)例代碼
相關(guān)文章
完美解決UI-Grid表格元素中多個空格顯示為一個空格的問題
下面小編就為大家?guī)硪黄昝澜鉀QUI-Grid表格元素中多個空格顯示為一個空格的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
這篇文章主要介紹了深入理解AngularJs－scope的臟檢查（一） ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
這篇文章主要給大家介紹了關(guān)于Angular 2+時如何去除url中#號的相關(guān)資料，文中先對#號去除的原因及方法進(jìn)行詳細(xì)的介紹和分析，然后通過示例代碼給大家演示去除的方法，需要的朋友可以參考借鑒，下面隨著小編來一起看看吧。2017-12-12
anime.js 實(shí)現(xiàn)帶有描邊動畫效果的復(fù)選框（推薦）
anime.js是一個靈活的輕型JavaScript動畫庫。這篇文章主要介紹了anime.js 實(shí)現(xiàn)帶有描邊動畫效果的復(fù)選框 ,需要的朋友可以參考下2017-12-12
詳解在 Angular 項(xiàng)目中添加 clean-blog 模板
本篇文章主要介紹了詳解在 Angular 項(xiàng)目中添加 clean-blog 模板，非常具有實(shí)用價值，需要的朋友可以參考下2017-07-07
Angularjs實(shí)現(xiàn)下拉框聯(lián)動的示例代碼
本篇文章主要介紹了Angularjs下拉框聯(lián)動的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
AngularJS是Google開發(fā)的純客戶端JavaScript技術(shù)的WEB框架,用于擴(kuò)展、增強(qiáng)HTML功能,它專為構(gòu)建強(qiáng)大的WEB應(yīng)用而設(shè)計(jì)。下面這篇文章我們來分享如何利用Angularjs實(shí)現(xiàn)幻燈片效果。2016-09-09
這篇文章主要介紹了AngularJS中ng-class用法,結(jié)合實(shí)例形式分析了ng-class的功能、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-07-07
本文將側(cè)重點(diǎn)放到npm上來，看看npm平臺給ng2帶來的酷炫的幫助。具有很好的參考價值，下面跟著小編一起來看下吧2017-03-03
本文主要介紹了利用angularjs1.4制作的簡易滑動門效果的實(shí)例，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02