angularjs自定义过滤器

2019-02-26  本文已影响0人  晨雪落客

需求:输入框输入的内容第一个字母大写,指定位置的字符大写,指定的字符大写。


html:

<!DOCTYPE html>

<html lang="en">

<head>

<meta  charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">

<title>angular gtest</title>

<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>

</head>

<body ng-app="myApp">

<div ng-controller="myController">

<p>

<input type="text" ng-model="dirName">

result:{{dirName | dirFilter:3:'m'}}

</p>

</div>

</body>

<script type="text/javascript">

var myApp = angular.module("myApp",[]);

//自定义过滤器

myApp.filter('dirFilter',function(){

return function(input,index,ch){

input = input ||'';

var output ='';

var cusindex = index || -1;

var cusch= ch||'';

for(var i =0;i< input.length;i++){

//首字母大写,或者指定index位置的字母大写

            if(i ===0 ||i===cusindex){

output+= input[i].toUpperCase();

}else{

//指定的字母大写

                if(cusch !='' && input[i] ===cusch){

output+= input[i].toUpperCase();

}else{

output += input[i];

}

}

}

return output;

}

});

</script>

</html>

执行效果


上一篇下一篇

猜你喜欢

热点阅读