জয়েন লগইন

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

🌈অ্যাঙ্গুলারজেএস ngRoute আরো কি?

📋অ্যাঙ্গুলারজেএস ngRoute আরো হলো অ্যাপ্লিকেশনের রুট পরিচালনা করার পদ্ধতি।

⚒️অ্যাঙ্গুলারজেএস ngRoute আরো অ্যাপ্লিকেশনের রুট পরিচালনা করতে ব্যবহৃত হয়।

অ্যাঙ্গুলারজেএস ngRoute আরো অ্যাপ্লিকেশনের রুট পরিচালনা করার উদাহরণ।

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

<a href="/html/tutorial/home">এইচটিএমএল</a>
<a href="/css/tutorial/home">সিএসএস</a>
<a href="/javascript/tutorial/home">জাভাস্ক্রিপ্ট</a>

<div ng-view></div>

<script>
angular.module("app", ["ngRoute"])

  .config(function($routeProvider) {
    $routeProvider
      .when("/html/tutorial/home", {
        template: "<h1>এইচটিএমএল</h1>"
      })
      .when("/css/tutorial/home", {
        template: "<h1>সিএসএস</h1>"
      })
      .when("/javascript/tutorial/home", {
        template: "<h1>জাভাস্ক্রিপ্ট</h1>"
      });
  })

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