9. Uppercase ve lowercase filtreleri

Angularjste elimizdeki string verileri ekrana sunarken hepsini büyük harf veya küçük harfe çevirebiliriz. Bunu da filtreler aracılığıyla yaparız. Filtreleri kullanmak ise çok basit bir işlemdir. Örneğin, elimizde ad isimli bir değişken olsun ve bunun içerisinde barınan stringin hepsini küçük harfe çevirmek isteyelim. Yapacağımız tek şey   ad | lowercase olacaktır.

İçerisinde string barındıran bir değişkenin tüm harflerini

Küçük harfe çevirmek için  –> {{degisken | lowercase }}

Büyük harfe çevirmek için –> {{degisken | uppercase }}   filtrelerini kullanırız.

Aşağıda uppercase ve lowercase filtreleriyle ilgili küçük bir örnek kod mevcuttur.


<!DOCTYPE html>
<html lang="en">
<head>
   <script src="~/Scripts/angular.js"></script>
   <script>
     var module = angular.module("MyModule", []);

     module.controller("MyController", function ($scope,$filter) {

       $scope.ornek = "deneMe VeRiSi";
       $scope.isimler = ["aLi", "VeLi", "AhMeT"];
    });
   </script>
</head>
<body ng-app="MyModule" ng-controller="MyController">

   Normal hali : {{ornek}} <br/>
   Lower case : {{ornek | lowercase}} <br/>
   Upper case : {{ornek | uppercase}}
  <br/><br/>

    <table>
      <tr ng-repeat="isim in isimler">
        <td>{{isim | uppercase}}</td>
      </tr>
   </table>
</body>
</html>