JSFiddle - React, Tailwind, and code Playground

by Şuayip Ekmekci

HTML

<!-- örnek-6 (Uppercase & Lowercase) -->
<body ng-app>
    <div ng-controller="MyCtrl">
		name: <input type="text" ng-model="ornek">
		<h2>Uppercase Name = {{ornek|uppercase}}</h2>
		<h2>Lowercase Name = {{ornek|lowercase}}</h2>
		
		<h2>Dinamik Seçim Name = {{test}}</h2>
		<a class="btn btn-info" ng-click="filtreyiSenSec('uppercase')">BÜYÜK KARAKTERLER İÇİN TIKLA</a>
        <br>
        <a class="btn btn-warning" ng-click="filtreyiSenSec('lowercase')">küçük karakter için tıkla</a>
	</div>
</body>

CSS

a{
    text-decoration:underline;
    cursor:pointer;
}

JavaScript

function MyCtrl($scope,$filter){
    $scope.ornek="Şuayip";
    
    $scope.filtreyiSenSec=function(parametremiz){
        $scope.test=$filter(parametremiz)($scope.ornek);
    };
}