快捷導(dǎo)航

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

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

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

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

<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>www.fzitv.net angular過(guò)濾器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é)》

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

您可能感興趣的文章:

相關(guān)文章

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