Angular使用過濾器uppercase/lowercase實現(xiàn)字母大小寫轉換功能示例
更新時間：2018年03月27日 11:41:44 作者：郭浩326
這篇文章主要介紹了Angular使用過濾器uppercase/lowercase實現(xiàn)字母大小寫轉換功能,涉及AngularJS過濾器針對字符串轉換的簡單使用技巧,需要的朋友可以參考下
本文實例講述了Angular使用過濾器uppercase/lowercase實現(xiàn)字母大小寫轉換功能。分享給大家供大家參考，具體如下：
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>chabaoo.cn 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相關內(nèi)容感興趣的讀者可查看本站專題：《AngularJS指令操作技巧總結》、《AngularJS入門與進階教程》及《AngularJS MVC架構總結》
希望本文所述對大家AngularJS程序設計有所幫助。
您可能感興趣的文章:
- 詳解AngularJS中的filter過濾器用法
- AngularJS的內(nèi)置過濾器詳解
- 詳解AngularJS中自定義過濾器
- AngularJS中的過濾器使用詳解
- 使用AngularJS創(chuàng)建自定義的過濾器的方法
- AngularJS過濾器filter用法總結
- 詳解AngularJS中$filter過濾器使用(自定義過濾器)
- AngularJS實現(xiàn)用戶登錄狀態(tài)判斷的方法(Model添加攔截過濾器,路由增加限制)
- AngularJS 過濾器（自帶和自建）詳解
- Angularjs 雙向綁定時字符串的轉換成數(shù)字類型的問題
- Angular.js 實現(xiàn)數(shù)字轉換漢字實例代碼
相關文章
這篇文章主要為大家詳細介紹了angular實現(xiàn)商品篩選功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
AngularJS誕生于2009年，由Misko Hevery 等人創(chuàng)建，后為Google所收購。這篇文章主要帶著大家理解Angular數(shù)據(jù)雙向綁定，感興趣的小伙伴們可以參考一下2016-01-01
在AngularJS框架中處理數(shù)據(jù)建模的方式解析
這篇文章主要介紹了在AngularJS框架中處理數(shù)據(jù)建模的方式,作者同時也對AngularJS使用過程中的一些"坑"作了介紹,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了基于angular2 的 http服務封裝實例代碼，2017-06-06
表單是最常用的一種組建。在Angular.js中，其實并沒有單獨的為表單添加多少特殊功能。但是，利用Angular.js框架本身的特點，可以更友好的呈現(xiàn)表單。下面將介紹幾種常用的功能在Angular中是如何巧妙實現(xiàn)的2016-03-03
angularJS?實現(xiàn)長按不觸發(fā)點擊事件可以復制剪貼方法
這篇文章主要為大家介紹了angularJS實現(xiàn)長按不觸發(fā)點擊事件可以復制剪貼方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
Angularjs 實現(xiàn)移動端在線測評效果(推薦)
這篇文章主要介紹了Angularjs 實現(xiàn)移動端在線測評效果,需要的朋友可以參考下2017-04-04
angularjs過濾器--filter與ng-repeat配合有奇效
本篇文章主要介紹了angularjs過濾器-filter與ng-repeat的相關知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
本篇文章主要介紹了基于AngularJS的拖拽上傳的實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
AngularJS使用ng-class動態(tài)增減class樣式的方法示例
這篇文章主要介紹了AngularJS使用ng-class動態(tài)增減class樣式的方法,結合具體實例形式分析了ng-class操作頁面class樣式的相關技巧,需要的朋友可以參考下2017-05-05