অ্যাঙ্গুলারজেএস

<!DOCTYPE html>
<html ng-app="app">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
<body>

<div ng-controller="app">
  <input ng-model="search" placeholder="সার্চ">

  <ul>
    <li ng-repeat="name in names | filter:search">
      {{name}}
    </li>
  </ul>
</div>

<script>
angular.module("app", [])
  .controller("app", function($scope) {

    $scope.names = ["আপেল", "আঙ্গুর", "কমলা", "কলা"];

  });
</script>

</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
<body>

<div ng-controller="app">
  <ul>
    <li ng-repeat="fruit in fruits | limitTo:3">
      {{fruit}}
    </li>
  </ul>
</div>

<script>
angular.module("app", [])
  .controller("app", function($scope) {

    $scope.fruits = ["আপেল", "আঙ্গুর", "কমলা", "কলা"];

  });
</script>

</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
<body>

<div ng-controller="app">
  <input ng-model="text">
  <p>{{text | lowercase}}</p>
</div>

<script>
angular.module("app", [])
  .controller("app", function($scope) {

    $scope.text = "হ্যালো বিশ্ব";

  });
</script>

</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
<body>

<div ng-controller="app">
  <p>{{price | number}}</p>
  <p>{{price | number:2}}</p>
</div>

<script>
angular.module("app", [])
  .controller("app", function($scope) {

    $scope.price = 1234567.891;

  });
</script>

</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
<body>

<div ng-controller="app">

  <button ng-click="reverse = !reverse">
    সোর্ট
  </button>

  <ul>
    <li ng-repeat="user in users | orderBy:'name':reverse">
      {{user.name}} - {{user.age}}
    </li>
  </ul>

</div>

<script>
angular.module("app", [])
  .controller("app", function($scope) {

    $scope.reverse = false;

    $scope.users = [
      {name: "আরিফ", age: 25},
      {name: "তানিম", age: 30},
      {name: "সাকিব", age: 22},
      {name: "তায়িফ", age: 28}
    ];

  });
</script>

</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
<body>

<div ng-controller="app">
  <input ng-model="text">
  <p>{{text | uppercase}}</p>
</div>

<script>
angular.module("app", [])
  .controller("app", function($scope) {

    $scope.text = "হ্যালো বিশ্ব";

  });
</script>

</body>
</html>