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

<!DOCTYPE html>
<html ng-app="app">
<body>

  <div ng-controller="app">
    {{header}}
  </div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
  <script>
    angular.module("app", [])

      .controller("app", function($scope) {
        $scope.header = "প্রোগ্রামিং শিখুন";
      });
  </script>

</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<body>

  <div ng-controller="app">
    {{message}}
  </div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
  <script>
    angular.module("app", [])

      .service("message", function() {
        this.getMessage = function() {
          return "প্রোগ্রামিং শিখুন";
        };
      })

      .controller("app", function($scope, message) {
        $scope.message = message.getMessage();
      });
  </script>

</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<body>

  <div ng-controller="app">
    {{message}}
  </div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
  <script>
    angular.module("app", [])

      .factory("data", function() {
        return {
          getMessage: function() {
            return "প্রোগ্রামিং শিখুন";
          }
        };
      })

      .controller("app", function($scope, data) {
        $scope.message = data.getMessage();
      });
  </script>

</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<body>

  <div ng-controller="app">
    {{message}}
  </div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
  <script>
    angular.module("app", [])

      .provider("message", function() {
        var text = "হ্যালো";

        this.setText = function(value) {
          text = value;
        };

        this.$get = function() {
          return {
            getMessage: function() {
              return text;
            }
          };
        };
      })

      .config(function(data) {
        data.setText("প্রোগ্রামিং শিখুন");
      })

      .controller("app", function($scope, message) {
        $scope.message = message.getMessage();
      });
  </script>

</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<body>

  <div ng-controller="app">
    {{message}}
  </div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
  <script>
    angular.module("app", [])

      .value("message", "প্রোগ্রামিং শিখুন")

      .controller("app", function($scope, message) {
        $scope.message = message;
      });
  </script>

</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<body>

  <div ng-controller="app">
    {{message}}
  </div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
  <script>
    angular.module("app", [])

      .constant("message", "প্রোগ্রামিং শিখুন")

      .controller("app", function($scope, message) {
        $scope.message = message;
      });
  </script>

</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<body>

  <div ng-controller="app">
    <p></p>
  </div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
  <script>
    angular.module("app", [])

      .directive("p", function() {
        return {
          template: "<h2>প্রোগ্রামিং শিখুন</h2>"
        };
      })

      .controller("app", function() {});
  </script>

</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<body>

  <header></header>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
  <script>
    angular.module("app", [])

      .component("header", {
        template: "<h2>প্রোগ্রামিং শিখুন</h2>"
      });
  </script>

</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<body>

  <div ng-controller="app">
    {{header}}
  </div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
  <script>
    angular.module("app", [])

      .config(function() {
        console.log("মডিউল কনফিগার করা হয়েছে");
      })

      .controller("app", function($scope) {
        $scope.header = "প্রোগ্রামিং শিখুন";
      });
  </script>

</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<body>

  <div ng-controller="app">
    {{header}}
  </div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
  <script>
    angular.module("app", [])

      .run(function() {
        console.log("অ্যাপ্লিকেশন চালু হয়েছে");
      })

      .controller("app", function($scope) {
        $scope.header = "প্রোগ্রামিং শিখুন";
      });
  </script>

</body>
</html>