AngularJS如何使用angular.lowercase()函数?示例

2021年3月19日18:25:41 发表评论 674 次浏览

AngularJS中的angular.lowercase()函数用于将字符串转换为小写。当用户想要用小写字母而不是大写字母显示文本,或者想要比较两个字符串时,可以使用它。

语法如下:

angular.lowercase(string)

例子:在此示例中, 字符串被转换为小写。

< html ng-app = "app" >
     < head >
     < script src =
     "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js" >
     </ script >
     < title >angular.lowercase()</ title >
     </ head >
     < body style = "text-align:center" >
         < h1 style = "color:green" >lsbin</ h1 >
         < h2 >angular.lowercase()</ h2 >
         < div ng-controller = "geek" >
         < br >
         < b >Before: </ b >{{ string1 }}
         < br >< br >
         < button id = "myButton" ng-mousedown = "lower()" >Click it!</ button >
         < br >< br >
  
         < b >After: </ b >{{ string2 }}
         </ div >
         < script >
             var app = angular.module('app', []);
             app.controller('geek', function($scope) {
             $scope.obj1 = 
             "lsbin IS THE COMPUTER SCIENCE PORTAL FOR GEEKS."
             $scope.obj2;
             $scope.string1 = $scope.obj1;
             $scope.lower = function() {
             $scope.string2 = angular.lowercase($scope.obj1);
             }
             });
         </ script >
     </ body >
</ html >

输出如下:

点击前:

小写

点击后:

转换为小写

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: